SPAN与DIV (内联块)
SPAN与DIV (内联块)
提问于 2009-10-23 10:06:29
有没有理由用<div style="display:inline-block">而不是<span>来布置网页呢？
我可以将内容嵌套在跨度中吗？什么是有效的，什么是无效的？
用它来制作一个像layout这样的3x2表格可以吗？
<div>
<span> content1(divs,p, spans, etc) </span>
<span> content2(divs,p, spans, etc) </span>
<span> content3(divs,p, spans, etc) </span>
</div>
<div>
<span> content4(divs,p, spans, etc) </span>
<span> content5(divs,p, spans, etc) </span>
<span> content6(divs,p, spans, etc) </span>
</div>回答 2
Stack Overflow用户
发布于 2009-10-23 10:11:19
According to the HTML spec，<span>是内联元素，<div>是块元素。现在可以使用HTML属性来更改这一点，但有一个问题:在display验证方面，您不能将块元素放在内联元素中，因此：
<p>...<div>foo</div>...</p>即使将<div>更改为inline或inline-block，也不是严格有效。
因此，如果您元素是inline或inline-block，请使用<span>。如果是block级别的元素，则使用<div>。
Stack Overflow用户
发布于 2010-05-02 08:08:46
我知道这个Q很老，但是为什么不使用所有的DIVs而不是SPANs呢？然后一切都在一起玩得很开心。
示例：
<div>
<div> content1(divs,p, spans, etc) </div>
<div> content2(divs,p, spans, etc) </div>
<div> content3(divs,p, spans, etc) </div>
</div>
<div>
<div> content4(divs,p, spans, etc) </div>
<div> content5(divs,p, spans, etc) </div>
<div> content6(divs,p, spans, etc) </div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1611065
复制相关文章
相似问题