亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

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

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

cs中display屬性有什么作用

發布時間:2020-11-16 10:45:46 來源:億速云 閱讀:303 作者:小新 欄目:web開發

小編給大家分享一下cs中display屬性有什么作用,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

css里的display屬性的作用是規定元素應該生成的框的類型。display屬性是前端開發中常用的一個屬性,常用的屬性值有block、none、inline、inline-block。

網頁上的每個元素都是一個矩形框。display 屬性規定元素應該生成的框的類型。display屬性是我們在前端開發中常常使用的一個屬性。

常用屬性值介紹:

block    塊對象的默認值。用該值為對象之后添加新行

none    隱藏對象。與visibility屬性的hidden值不同,其不為被隱藏的對象保留其物理空間

inline    內聯對象的默認值。用該值將從對象中刪除行

inline-block    行內塊元素。這個屬性值融合了inline 和 block 的特性,即是它既是內聯元素,又可以設置width和height。

一、display:block

1、block: 將元素將顯示為塊級元素,元素前后會帶有換行符,通常用于將行內元素轉換為塊級元素時使用。那么什么是塊級元素呢?什么是行內元素呢?

2、塊級元素:

總是以一個塊的形式表現出來,占領一整行。若干同級塊元素會從上之下依次排列(使用float屬性除外)。

可以設置高度、寬度、各個方向外補丁(margin)以及各個方向的內補丁(padding)。

當元素寬度(width)沒有設置時,它的寬度時其容器的100%,除非我們給它設定了固定的寬度。

塊級元素中可以嵌套其他塊級元素或行內元素。

塊級元素的display屬性值默認為block。

3、行內元素

它不會單獨占據一整行,而是只占領自身的寬度和高度所在的空間,也就是元素的的寬高度是由它的文本內容撐開。若干同級行內元素會從左到右(即某個行內元素可以和其他行內元素共處一行),從上到下依次排列。

行內元素不可以設置高度、寬度,其高度一般由其字體的大小來決定,其寬度由內容的長度控制。

行內元素只能設置左右的margin值和左右的padding值,而不能設置上下的margin值和上下的padding值。因此我們可以通過設置左右的padding值來改變行內元素的寬度。

行內元素一般不可以包含塊級元素。

塊級元素的display屬性值默認為inline。

二、display:none

display:none這個值表示元素不被顯示。當你想要某個元素隱藏時,就可以給某個元素設置這個屬性,它就會消失在網頁中,但元素并沒有在文檔中刪除,只是隱藏在網頁結構中,不在網頁中顯示而已。但如果你想要元素顯示的話,可以給元素設置display:block,元素就可以顯示在網頁中了。

三、display:inline

display:inline 的作用可以將一個塊級元素轉換成行內元素,那么這個塊級元素將不能再設置寬和高以及上下方向的margin和padding。這個塊級元素實際的寬度和高度都是auto,并不是我們設定的值。

四、display:inline-block

根據名字來看,我們可以得到它是結合了inline和block并保留了它們的特性。所以設置了inline-block屬性的元素既具有block元素可以設置width和height屬性的特性,又保持了inline元素不換行的特性。

看完了這篇文章,相信你對cs中display屬性有什么作用有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

岫岩| 淅川县| 黔江区| 东丽区| 大宁县| 腾冲县| 观塘区| 当阳市| 长顺县| 怀安县| 洞头县| 稻城县| 裕民县| 漳浦县| 林州市| 尼木县| 富源县| 治多县| 牟定县| 瑞丽市| 乐业县| 南溪县| 安塞县| 大竹县| 南雄市| 依兰县| 奉化市| 佛教| 鹤庆县| 江口县| 巨野县| 沭阳县| 白城市| 五常市| 西乌| 登封市| 金塔县| 万载县| 镇巴县| 克什克腾旗| 桑日县|