<dt>
塊元素在頁面內(nèi)展示的效果是占滿一行鹏溯,行內(nèi)元素則是其本身一小塊。</dt>
<li>但是可以通過代碼來改變元素屬性:
例:
<ol><li>a { display:block; }
“a”展示為塊元素淹仑。
<li>div { display:inline; }
“div”展示為行內(nèi)元素丙挽。
<li>a { display:inline-block; }
“a”包含兩種元素的某些特性,但在ie8以下無法使用匀借。
inline-block 的元素既具有 block 元素可以設(shè)置寬高的特性颜阐,同時(shí)又具有 inline 元素默認(rèn)不換行的特性。當(dāng)然不僅僅是這些特性吓肋,比如 inline-block 元素也可以設(shè)置 vertical-align 屬性凳怨。HTML 中的換行符、空格符是鬼、制表符等合并為空白符肤舞,字體大小不為 0 的情況下,空白符自然占據(jù)一定的寬度均蜜,使用inline-block 會產(chǎn)生了元素間的空隙李剖。
————————————————————————————————————
注:<ol>
<li>行內(nèi)元素的寬高設(shè)置無效,其寬高是由自身決定的囤耳。
<li>行內(nèi)元素的左右padding和margin是有效的篙顺,但是上下不占據(jù)空間。