圖片和文字并排顯示, 用<div>胡搞一通, css寫一堆把塊元算改成內(nèi)聯(lián)元素,就是因?yàn)閯谫Y不會用<span>.
最后發(fā)現(xiàn)span不能內(nèi)嵌塊元素悄谐,比如不能內(nèi)嵌<div>
, <p>
, <h>
等等, 只能內(nèi)嵌內(nèi)聯(lián)元素, 比如<img>
是可以的.
初學(xué)者一般對<span>
不了解, 調(diào)試也不會告訴你為什么這個2元素不并排.
這種感覺就是, 明明看起來就是食物, 但是你卻不知道為什么吃起來是??味.
//correct
<div>
<img>
<span>去學(xué)習(xí)</span>
</div>
//wrong
<div>
<img>
<span><p>去學(xué)習(xí)<p></span>
</div>