当前位置:首页 >> CSS

CSS样式如何限制文字长度

2017-7-26 沈军 站长交流

CSS样式如何限制文字长度呢,我们常需要隐藏超出长度的文字。主要用到以下CSS元素,CSS样式限制文字长度的具体方法如下。 .length{ max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } CSS样式限制文字长度示例-带宽度限制 <div style="width:300px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">CSS样式如何限制文字长度,我们常需要...

阅读全文>>

label文字与textarea、input垂直居中对齐的方法

2016-2-16 沈军 站长交流

今天在修改网站时发现label标签里文字与Iput、textarea标签不垂直对齐,网页实在不美观。就通过研究得到了一个label文字与input、textarea垂直居中对齐的简单方法,关键在于css标签vertical-align: middle。 input: textarea: label文字与input、textarea垂直居中对齐的解决方法:在input标签样式中加入vertical-align: middle;即可解决。问题思路:浏览器对于“复选框”和图片使用同样的规则,把复选框当成一个正方形图片来对待,既可以简单实现abel文字与i...

阅读全文>>

ul宽度超出div宽度怎么办

2015-1-15 沈军 站长交流

在设计网页的时候,有时候会遇到ul超出div宽度,遇到这种<ul>宽度超出<div>宽度的时候,通常有两种解决方法: 解决方法1: 给ul一个样式:margin:0px; padding:0px; overflow:hidden; 解决方法2: 给li一个样式: word-break:break-all; word-wrap:break-word; .ncad {width:1000px;overflow:hidden; margin:0 auto;} .ncad ul{list-style-type:n...

阅读全文>>

html调用外部文件的几种常见方法

2015-1-13 沈军 站长交流

网站设计有很多时候在每一个网页都要使用同一的重复的部分,如每页的LOGO、导航栏设计、 版权信息等等,如果设计的时候没有将这些始终重复的部分独立出来,有需要修改的时候就会修改所有页面的同一个地方,将是非常繁琐的事情。所以我们往往将在 每个页面重复的部分独立设计、保存,采用调用的方法应用在每个页面相应的地方,如果有需要修改,往往只修改独立的这个文件就达到修改全部页面的效果。html调用外部文件的几种常见方法. 在asp 以及php等中可以使用include之类的代码调用,那么在HTML格式的静态页面中是否也可以使用同样的调用方法? 现在就告诉大家在html网页...

阅读全文>>

html页面调用CSS样式的2种方法

2014-12-12 沈军 站长交流

用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。 事实上,所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局。这是思维方式的变化,一开始有些不习惯。呵呵,任何变革都会有阻力的,为了享受标准带来的"益处",放弃一些老的传统做法是值得的。 目前hhtml页面调用CSS样式的2种方法:外部调用样式表,页面内嵌法。 页面内嵌法:就是...

阅读全文>>

Css中Div层文字垂直水平居中的方法

2014-11-28 沈军 站长交流

最近在修改模板Css样式的时候,总是遇到过很多的重复问题。比如说Css样式中Div层文字(单行和多行)垂直水平居中,这个问题我是遇到很多次,但是每次遇到新的同样的问题,又忘了怎么写Css代码。所以这里总结分享一下Css中Div层文字垂直水平居中的方法,希望自己能牢牢记住并且能帮助有需要的朋友。 Div层中单行文字垂直水平居中的方法 将Div的高度与文字的行高一样就OK了,即 line-height 和height 的数值一样。下面例子是以行高和高度100为例子,就轻松实现单行文字垂直水平居中。 <!DOCTYPE html PUBLIC...

阅读全文>>

IE8浏览器图片多一个有色边框而Chrome没有的解决办法

2014-11-27 沈军 站长交流

今天在给公司制作APP下载页面的时候,发现在logo在谷歌Chrome浏览器下显示正常,但是在IE8浏览下logo周围多出一个有颜色的边框(橙色),试着改了一下a:hover也没法解决。 我的logo代码: header a#logo {display: block;top:10px;width:380px;height:75px;} 最后在网上找了一下答案,IE8浏览器图片多一个有色边框,而Chrome浏览器没有边框的解决办法。 指定img的边框样式: ...

阅读全文>>

网站设计的css命名规则

2014-9-9 沈军 电商生活

头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav ...

阅读全文>>

特色服务

网站建设 B2B推广 博客运营

关于博客

Powered by emlog

备案信息渝icp备13007381号-2

Copyright © 2014 by 沈军.All rights reserved.

联系我们

Q:375405748

18523488524

Address: ChongQing