溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css中block元素的特點

發(fā)布時間:2020-06-28 18:08:06 來源:億速云 閱讀:359 作者:元一 欄目:web開發(fā)

css display屬性的定義是可以將頁面元素隱藏或者顯示出來,也可以將元素強制改成塊級元素或內(nèi)聯(lián)元素,在頁面布局和JavaScript特效中常常用到display屬性。

css display屬性中最常用的屬性值有四個,分別是block、inline-block、inline和none。

其中block是設(shè)置元素為塊狀元素,如果不指定寬高,默認(rèn)會繼承父元素的寬度,并且獨占一行,即使寬度有剩余也會獨占一行,高度一般以子元素?fù)伍_的高度為準(zhǔn),當(dāng)然也可以自己設(shè)置寬度和高度。

block元素的特點有:

1、總是在新行上開始;

2、高度,行高以及頂和底邊距都可控制;

3、寬度缺省是它的容器的100%,除非設(shè)定一個寬度。

塊元素特點:
1.獨占一行
2.元素的寬高和內(nèi)外邊距都可以設(shè)置
3.寬度如果不設(shè)置就是父級元素的100%
常見的塊元素有以下幾種:p div table h2 h3 h4 h5 h6 h7 ul ol li

行內(nèi)元素特點:
1.和其他元素可以在同一行
2.不能設(shè)置寬高,不能設(shè)置內(nèi)外邊距
3.寬度就是圖片或文字的寬度,不可以改變
常見的行內(nèi)元素有以下幾種:span img br input

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI