博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

经典的并列块排列的重构案例,ul,li

Posted on 2009-03-12 10:24  周末  阅读(398)  评论(0编辑  收藏  举报

 

Code
li {
    width
: 200px;
    min-height
: 250px;
    border
: 1px solid #000;
    display
: -moz-inline-stack; /*针对FF2,不过问题多,最好别用*/
    display
: inline-block;/*针对FF3+,safri*/
    vertical-align
: top;/*基线顶对齐,针对内容高度过大*/
    margin
: 5px;
    zoom
: 1;/*针对IE*/
    *display
: inline;/*和上面的一起使用,针对IE*/
    
}

 

更多知道识:

1、IE只支持内联标签的display: inline-block;定义,如:<span><strong><em><b>等等,其它标签无效。

 

 

详细文章可参考:

原文地址: Cross-Browser Inline-Block
译文地址:跨浏览器的 inline-block

http://www.blueidea.com/tech/web/2009/6497.asp

http://bbs.blueidea.com/thread-2915054-1-1.html