是否有任何理由使用 <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>
最佳答案
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>
.
关于css - SPAN 与 DIV(内联 block ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1611065/