css元素溢位

2021-09-27 03:09:36 字數 408 閱讀 2911

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

overflow的設定項:

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

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

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

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

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

元素溢位示例:

css元素溢位

當子元素的尺寸超過父元素的尺寸時,需要設定父元素顯示溢位的子元素的方式,設定的方法是通過overflow屬性來設定。overflow的設定項 1 visible 預設值。內容不會被修剪,會呈現在元素框之外。2 hidden 內容會被修剪,並且其餘內容是不可見的,此屬性還有清除浮動 清除margin ...

CSS盒子模型和元素溢位

盒子模型 1 重要的組成元素 content 內容 padding 內邊距 border 邊框 margin 外邊距 2 margin margin 100px auto 100px 表示的是上下的外邊距 auto表示的左右水平居中 margin 10px,20px,30px,40px 上,右,下,...

CSS文字屬性 元素溢位 標籤列表

元素溢位 內容全部可見 overflow visible 溢位內容會被修剪 overflow hidden 帶有滾動軸 overflow scroll 自動判斷 overflow auto 常用 文字屬性 文字對齊 text align 斜體 font style 加粗 font weight 首行...