css
cherry_hit_tom
这个作者很懒,什么都没留下…
展开
-
换行word-wrap与word-break兼容IE和FIREFOX
word-wrap是控制换行的。使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。word-break是控制是否断词的。normal是默认情况,英文单词不被拆开。break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。keep-all,是指Chinese, Japanese, a转载 2009-09-16 10:45:00 · 9603 阅读 · 0 评论 -
css之自动换行
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义转载 2009-09-16 10:50:00 · 721 阅读 · 0 评论 -
css的定义顺序推荐
这里推荐先写显示属性,再写自身属性,再写文字属性;并不代表非得按这个顺序写,但这种写法可以使css结构更清晰易读,修改起来比较方便。而且在团队项目中能更好地提高效率。//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground原创 2009-09-16 13:57:00 · 534 阅读 · 0 评论 -
IE6、 IE7、Firefox CSS兼容技巧
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:原创 2010-03-24 21:35:00 · 770 阅读 · 0 评论 -
css初步
<!--body{text-align:center;} /***********这个是限定主面的居中效果,如果没有,默认在左侧显示*********/#header{margin:0px;clear:both;background:black;width:800px;height:100px;text-align:center;padding-top:12转载 2010-03-29 10:55:00 · 670 阅读 · 0 评论 -
表格背景(Background)图像CSS用法详解
序号中文说明标记语法1背景颜色{background-color:数值}2背景图片{background-image: url(http://www.blog.com.cn/URL)|none}3背景重复{background-repeat:inherit|no-repe原创 2010-04-01 17:14:00 · 7383 阅读 · 0 评论 -
根本不存在 DIV + CSS 布局这回事
在《欲练 CSS ,必先宫 IE》和《你有 强迫症吗?》这两篇文章中,看到有不少评论用到div+CSS布局这个说法,用来和table布局比较。实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在div+CSS布局这回事。反过来,table布局的时候经常依赖于CSS定义一个单元格的布局属性,所以可以说是ta转载 2010-04-02 10:14:00 · 733 阅读 · 0 评论