使用<div>的显示:内联块通常是不好的做法？

Question

每当我创建一个带有水平分量的页面时,大多数顶级元素通常都是div,我将显示设置为inline:block.例如:

<div id='header'>
    <div class='inline_block'> stuffff </div>
    <div class='inline_block'> stuffff </div>
    <div class='inline_block'> stuffff </div>
</div>

#header{width:100%}
.inline_block{width:20%; display:inline-block;}

这总能实现我想要的,但感觉不对.任何人都可以为我阐明这一点吗？

Answer 1

div元素根本没有特殊含义.

强烈建议作者将div元素视为最后的元素,因为没有其他元素是合适的.使用更合适的元素而不是div元素可以使读者更容易访问,并且更容易为作者提供可维护性.

资源

实际上,大多数网站使用divs很重,这很好.然而,HTML5增加了新的标签,其做有内涵(甚至HTML 4具有标签可能更合适,比如li,dl等)

它是实现显示特征的用户代理a div.所有浏览器都应用默认样式display:block(与用户代理display:inline用于的方式相同spans).相反,其他的答案/意见,我所看到的,inline 是不一样的inline-block,所以才换spans了divs不会给相同的行为.

在某些情况下,改变select divsto 的显示是完全合理的inline:block.这是一种有用的行为.

有没有"更好"的元素？也许,但该决定应基于正确构建文档,而不是浏览器分配的默认样式.

更重要的是,确保您使用语义标记和有意义的CSS(使用类名"inline-block"不是一个好主意;如果您将相应的CSS更改为其他内容,则该名称现在是错误的).