一、行內(nèi)元素、塊級元素的區(qū)別

在安陽等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供做網(wǎng)站、網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作按需規(guī)劃網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),營銷型網(wǎng)站,成都外貿(mào)網(wǎng)站制作,安陽網(wǎng)站建設(shè)費用合理。

1、塊元素（block element）一般都從新行開始，獨占一行，它可以容納內(nèi)聯(lián)元素和其他塊元素。

常見塊元素有div、ul、ol、li、dl、dt、dd、p、h2-h7、form、table、pre（格式化文本）等。

2、內(nèi)聯(lián)元素（inline element）一般都是基于語義級（semantic）的基本元素。內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素。

常見內(nèi)聯(lián)元素有i、b、a、em、br、img、span、strong、cite等。

3、對于行內(nèi)元素：

設(shè)置寬度width 無效。

設(shè)置高度height無效，可以通過line-height來設(shè)置。

設(shè)置margin只有左右margin有效，上下無效。

設(shè)置padding只有左右padding有效，上下則無效。

二、行內(nèi)元素與塊級元素的相互轉(zhuǎn)化

1.行內(nèi)元素轉(zhuǎn)化為塊級元素的方法

（1）通過CSS設(shè)定浮動（float屬性，可向左浮動或向右浮動，僅在需要浮動的情況下設(shè)置）

（2）設(shè)定顯示display屬性為“block”或“l(fā)ist-item”將內(nèi)聯(lián)元素轉(zhuǎn)為塊級，最常用的是display:block。

這樣行內(nèi)元素就轉(zhuǎn)為塊級元素，具備了塊級元素的屬性。

（3）還有一些屬性我們在設(shè)置的時候同時會使元素變?yōu)閴K級，比如position等，這只是在特定的情況下出現(xiàn)

（4）在ie6/ie7下只要設(shè)置zoom：1就可以為元素設(shè)置寬高等塊級元素所具備的屬性

2.塊級元素轉(zhuǎn)為行內(nèi)元素

設(shè)置display：inline，轉(zhuǎn)化為行內(nèi)元素之后就具備了行內(nèi)元素的屬性，不能設(shè)置寬高，但可以設(shè)置vertical

-align等。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

當(dāng)前標(biāo)題：css內(nèi)聯(lián)元素和塊級元素的區(qū)別and轉(zhuǎn)化-創(chuàng)新互聯(lián)
分享URL：http://weahome.cn/article/dhcgij.html