OnlyGrape葡提子,英文建站博客英文网站建设，用户体验设计，前段技术研究，seo网站推广

display:inline在网页设计中的几个基本用途

很多网站的代码中经常可以看到<li></li>标签内设置了float:left又设置display:inline。
既然设置了float:left，那标签内的元素都会向左浮动了。为什么又要设置display:inline。

既然设置了float:left，那该标签已具有块状元素的特征了，又设置内联元素，不是有矛盾吗？

Example Source Code
ul li {
         float:left;
         margin:0 12px 12px 0;
         display:inline;
}
　　
display:inline的意思是基线显示
可以消除IE6和IE7下的浮动BUG
display:inline 可以消除IE6双倍边距的BUG。

星期四, 12月 25th, 2008 | 分类：SEO/网站推广, 前端开发DIV+CSS | RSS 2.0 | 留言/评论 | Trackback