站長(zhǎng)資訊網(wǎng)inline元素特點(diǎn)是：1、水平方向上根據(jù)direction依次布局；2、不會(huì)在元素前后進(jìn)行換行；3、受white-space控制；4、margin/padding在豎直方向上無效，水平方向上有效。
對(duì)于我這樣的初學(xué)者來說，一開始可能會(huì)經(jīng)常分不清block元素和inline以及它們之間的區(qū)別。
不過block元素還是比較好理解的，而對(duì)于inline元素，有些地方需要注意。
inline元素的特點(diǎn)：
-
水平方向上根據(jù)direction依次布局。
-
不會(huì)在元素前后進(jìn)行換行
-
受white-space控制。
-
margin/padding在豎直方向上無效，水平方向上有效。
-
width/height屬性對(duì)非替換行內(nèi)元素?zé)o效，寬度由元素內(nèi)容決定。
-
非替換行內(nèi)元素的行框高由line-height確定，替換行內(nèi)元素的行框高由height,margin,padding,border決定。
-
vertical-align屬性生效。
inline元素除了上述還有一條比較重要的特點(diǎn)：
浮動(dòng)（float）或絕對(duì)定位（position：absolute）時(shí)會(huì)轉(zhuǎn)換為block
<body> <p>HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言</p> <p>我的第一個(gè)段落。<a href="http://www.runoob.com/">鏈接</a>這是段落末尾</p> <p>HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容.HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁(yè)</p> </body>
<style> a{background:red; height:50px; width:50px;} </style>
推薦教程： 《css教程》
