为什么我们需要内联框/内联元素而不是块级框/元素?
答
如果所有的标签将被视为块级元素,下面的代码片段:
<div>This is a <a href=".">link</a>, you can <b>click</b> it.</div>
看起来像这样在您的浏览器:
相应代码:
<div>This is a <a href="." style="display:block">link</a>, you can <b style="display:block">click</b> it.</div>
编辑:顺便说一下,如果有需要你处理块级元素而已,只是重置HTML使用CSS:* { display:block
}
答
块级元素不能相邻放置,与inline
和inline-block
元素相反。
例子:
<div style="display:block;width:40px">Up</div>
<div style="display:block;width:40px">Down</div>
<div style="display:inline-block">Left</div>
<div style="display:inline-block">Reft</div>
<div style="display:inline">left</div>
<div style="display:inline">right</div>