這篇文章將為大家詳細(xì)講解有關(guān)web開(kāi)發(fā)中行內(nèi)元素和塊級(jí)元素有哪些，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司專(zhuān)注于企業(yè)營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站重做改版、玉環(huán)網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性?xún)r(jià)比高，為玉環(huán)等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

 一、常見(jiàn)塊級(jí)元素有哪些：

button,div , dl ,dt ,form , h2 ,h3 ,h4 , h5 ,h6 ,hr ,li ,ul ,table系列，button；

二、常見(jiàn)行內(nèi)元素有哪些：

img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,strong ;

三、行內(nèi)元素有哪些特點(diǎn)：

（1）.設(shè)置width無(wú)效

（2）設(shè)置height無(wú)效，但是可以設(shè)置line-height；

（3）margin只有左右有效，上下無(wú)效；

（4）padding和margin一樣只有左右有效，上下無(wú)效，但是不一樣的是元素的范圍增大了，但是對(duì)周?chē)脑貨](méi)有影響；

四、不同瀏覽器行內(nèi)元素與塊級(jí)元素中text-align表現(xiàn)出來(lái)的不同：

IE6/7及IE8混雜模式中，text- align:center可以使塊級(jí)元素也居中對(duì)齊。其他瀏覽器中，text-align:center僅作用于行內(nèi)內(nèi)容上。

解決這個(gè)問(wèn)題比較好的方式，就是為所有需要相對(duì)父容器居中對(duì)齊的塊級(jí)元素設(shè)置“margin-left:auto; margin-right:auto”。但這個(gè)方式 IE6/IE7/IE8的混雜模式中不支持，所以還要設(shè)置父容器的 "text-align:center;"。

關(guān)于“web開(kāi)發(fā)中行內(nèi)元素和塊級(jí)元素有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。