浏览 5043 次
|
锁定老帖子 主题：CSS中的一些小技巧
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (3)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-10-12
最后修改：2010-12-07
1、列表横排 将li的样式设置为 li{display:block;float:left;} 2、去除图片垂直方向的空白 最好的做法 为 img 加上 vertical-align属性 3、连续文字的强制换行 word-break:break-all; word-wrap:break-word; 4、文字过多显示省略号 text-overflow: ellipsis;//显示省略号 display:blcok; white-space:nowrap; ps:需要定义宽度 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2009-10-15
唉 公司过了好久么有 美工的日子 郁闷啊 新人页面也不行 也没人有时间交~ 疯了 疯了 浏览器的不同要求样式也不一样 烦死了 唉 对了 最后感谢下lz分享吧
|
| 返回顶楼 | |
|
发表时间：2009-10-16
呵呵，浏览器兼容是个麻烦事。有些小技巧记下来会很有帮助的
|
| 返回顶楼 | |
|
发表时间：2009-10-16
原来列表横排是这么简单的事啊
|
| 返回顶楼 | |
|
发表时间：2009-10-16
display:inline
直接横着排了 |
| 返回顶楼 | |
|
发表时间：2009-10-16
恩，没错，但是定义为inline后就不能定义为block了，这样的话是没有办法定义li的宽度的
|
| 返回顶楼 | |
|
发表时间：2009-10-17
ulear 写道 display:inline
直接横着排了 我也习惯这么写 |
| 返回顶楼 | |
|
发表时间：2009-10-20
最后修改：2009-10-20
在ie6下float并且block的元素有margin双倍的bug
|
| 返回顶楼 | |
