css - SPAN 与 DIV(内联 block )

Question

是否有任何理由使用 <div style="display:inline-block">而不是 <span>布局网页？

我可以将内容嵌套在 span 中吗？什么是有效的，什么是无效的？

用这个做一个3x2的table like layout可以吗？

<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>

Answer 1

According to the HTML spec , <span>是一个行内元素并且 <div>是 block 元素。现在可以使用 display 进行更改CSS 属性，但存在一个问题:就 HTML 验证而言，您不能将 block 元素放入内联元素中，因此:

<p>...<div>foo</div>...</p>

即使您更改 <div> 也不是严格有效的至 inline或 inline-block .

因此，如果您的元素是 inline或 inline-block使用<span> .如果是 block level 元素，使用 <div> .