随笔分类 -  CSS

摘要:bblr:expression(this.onFocus=this.blur()); 阅读全文
posted @ 2009-12-02 16:56 funnyzak 阅读(194) 评论(0) 推荐(0)
摘要:强制不换行 Html代码 div{white-space:nowrap;}div { white-space:nowrap; }自动换行 Html代码 div{word-wrap:break-word;word-break:normal;}div { word-wrap: break-word; word-break: normal; }强制英文单词断行 Html代码 div{word-break... 阅读全文
posted @ 2009-09-28 11:31 funnyzak 阅读(264) 评论(0) 推荐(0)
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt... 阅读全文
posted @ 2009-08-01 15:35 funnyzak 阅读(165) 评论(0) 推荐(0)
摘要:li.line,li img{padding:0; margin:0;overflow:hidden;width:130px;}ul.picnew{ list-style:none; float:left; margin:3px 2px 3px; padding:0; width:140px; overflow:hidden;} li.line{ line-height:20px; font-si... 阅读全文
posted @ 2009-07-16 12:55 funnyzak 阅读(309) 评论(0) 推荐(0)
摘要:最好的方式是word-wrap:break-word; overflow:hidden;而不是word-wrap:break-word; word-break:break-all;也不是word-wrap:break-word; overflow:auto;在 IE 下没有任何问题,在 FF 下,长串英文会被遮住超出的内容。word-wrap同word-break的区别word-wrap:norm... 阅读全文
posted @ 2009-06-25 12:15 funnyzak 阅读(248) 评论(0) 推荐(0)
摘要:XHTML+CSS兼容性解决方案小集使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:[quote]div{margin:30px!important;margin:28px;}[/quote]注意这两个margin... 阅读全文
posted @ 2009-06-17 01:48 funnyzak 阅读(268) 评论(0) 推荐(0)
摘要:单行文本的控制,以前是由程序员完成的,实现截字效果。今天介绍的方法兼容IE和FF,看下面的详细介绍。为了更符合实际,用一个div装起要调试的内容,并为这个div定义一个宽度。例如:单行文本的控制,以前是由程序员完成的,实现截字效果。今天介绍的方法兼容IE和FF,看下面的详细介绍。为了更符合实际,用一个div装起要调试的内容,并为这个div定义一个宽度。例如:css代码:div{width:200p... 阅读全文
posted @ 2009-06-08 16:22 funnyzak 阅读(661) 评论(0) 推荐(0)
摘要:span{  display:-moz-inline-box; /*火狐*/ display:inline-block;} 阅读全文
posted @ 2009-06-03 11:17 funnyzak 阅读(465) 评论(0) 推荐(0)