前端學習筆記day24 3 8 css元素溢位

2021-10-02 10:43:51 字數 497 閱讀 5652

當子元素的尺寸超過父元素的尺寸時,需要設定父元素顯示溢位的子元素的方式,設定的方法是通過overflow屬性來設定。

overflow的設定項:

1、visible 預設值。內容不會被修剪,會呈現在元素框之外。

2、hidden 內容會被修剪,並且其餘內容是不可見的,此屬性還有清除浮動、清除margin-top塌陷的功能。

3、scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。

4、auto 如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。

5、inherit 規定應該從父元素繼承 overflow 屬性的值。

元素溢位示例:

前端學習筆記 day0

utf 8 萬國碼 開發時我們使用的字符集都是utf 8 gb2312 國標 通過meta標籤設定網頁字符集,避免亂碼問題。此處為設定字符集,避免亂碼 用來設定網頁的元資料,底層資料,網頁的屬性。元資料不是給使用者看的 它是自結束標籤 常用的屬性 name指定資料的名稱 content指定資料的內容...

Web前端開發學習筆記 Day03

lang en this is titletitle head style font size 16px color red body html 行內樣式寫在標籤的 style 屬性值中。lang en this is titletitle pstyle head hello everyonep b...

前端 學習筆記day47 其他標籤

標籤的屬性都是屬性名 屬性值的形式 每乙個標籤都有 三個基本屬性 id 表示該標籤的唯一標識,不能重複 class style 兩者都是用來顯示文字內容的,但是div標籤是塊級標籤,而span是行內標籤 內聯標籤 doctype html html head meta charset utf 8 t...