構建靜態頁面之 [ 顯示和溢出 ]

wendux 發布于2019-08-29 16:33 / 2411人閱讀

摘要：顯示描述通過屬性來設置指定元素在頁面中的顯示或隱藏屬性也可以設置指定元素的顯示和隱藏屬性值為表示隱藏目標元素屬性值不為可以將隱藏的元素在顯示出來比如該屬性設置隱藏效果時，會連指定元素的所占區域一同隱藏屬性屬性也可以設置指定元素的顯

顯示描述

通過CSS屬性來設置指定元素在頁面中的顯示或隱藏

display屬性

也可以設置指定元素的顯示和隱藏

屬性值為 none - 表示隱藏目標元素

屬性值不為 none - 可以將隱藏的元素在顯示出來

比如

display: block

display: inline

display: inline-block

該屬性設置隱藏效果時，會連指定元素的所占區域一同隱藏


    
    display屬性

visibility屬性

表示設置顯示或隱藏

hidden 屬性值 - 表示隱藏指定元素

visible屬性值 - 表示顯示指定元素

該屬性設置隱藏效果時，不會連指定元素的所占區域一同隱藏


    
    visibility屬性

溢出描述

表示指定元素中的內容(文本、圖像、等等...)超出其父級元素的所在區域

overflow屬性

表示解決內容溢出

visible屬性值 - 表示不隱藏溢出內容（默認值）

hidden屬性值 - 表示隱藏溢出的內容

scroll屬性值 - 表示為需要隱藏的部分添加滾動條

auto屬性值 - 表示交由瀏覽器自動調節

內容溢出

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus animi, corporis dolor enim facilis hic ipsam iste laborum, modi molestiae nisi officiis ratione recusandae rem repudiandae sint, sunt tenetur vel?

text-overflow屬性

表示設置文本的內容溢出

ellipsis屬性值 - 表示將溢出的內容以省略號（...）方式顯示

該屬性必須配合 overflow屬性和 white-space屬性一起使用

text-overflow屬性

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

GPU云服務器云服務器 jsp 設置頁面之靜態頁面動靜態頁面 html靜態頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/113818.html

構建靜態頁面之 [ 顯示和溢出 ]

摘要：顯示描述通過屬性來設置指定元素在頁面中的顯示或隱藏屬性也可以設置指定元素的顯示和隱藏屬性值為表示隱藏目標元素屬性值不為可以將隱藏的元素在顯示出來比如該屬性設置隱藏效果時，會連指定元素的所占區域一同隱藏屬性屬性也可以設置指定元素的顯顯示描述通過CSS屬性來設置指定元素在頁面中的顯示或隱藏 display屬性也可以設置指定元素的顯示和隱藏屬性值為 none - 表示隱藏目標...

crossea 2019-08-02 11:22 評論0 收藏0
構建靜態頁面之 [ 浮動 ]

摘要：浮動描述是對頁面布局的一種表現方式設置浮動的元素會脫離文檔流設置浮動的元素會改變后面元素的顯示位置屬性表示設置元素浮動屬性值表示設置元素左浮動屬性值表示設置元素右浮動設置浮動的元素會脫離文檔流，指定元素后面的元素會自動向前，形成重疊的顯浮動描述是對頁面布局的一種表現方式設置浮動的元素會脫離文檔流設置浮動的元素會改變后面元素的顯示位置 float屬性表示設置元素浮動 ...

snowell 2019-08-29 16:32 評論0 收藏0
構建靜態頁面之 [ 浮動 ]

摘要：浮動描述是對頁面布局的一種表現方式設置浮動的元素會脫離文檔流設置浮動的元素會改變后面元素的顯示位置屬性表示設置元素浮動屬性值表示設置元素左浮動屬性值表示設置元素右浮動設置浮動的元素會脫離文檔流，指定元素后面的元素會自動向前，形成重疊的顯浮動描述是對頁面布局的一種表現方式設置浮動的元素會脫離文檔流設置浮動的元素會改變后面元素的顯示位置 float屬性表示設置元素浮動 ...

Scliang 2019-08-02 11:21 評論0 收藏0
【靜態頁面架構】CSS之顯示與溢出

摘要：架構顯示與溢出顯示屬性以設置隱藏效果和元素類型設置當前元素為隱藏效果這種方式將元素設置為隱藏后，該元素不會再占有頁面空間通過屬性將元素顯示將元素設置為塊級元素將元素設置為內聯元素將元素設置為行內元素屬性以設置，元素顯示或隱藏 CSS架構顯示與溢出； 1.顯示； display屬性；以display設置隱藏效果和元素類型 div { widt...

tolerious 2019-08-29 16:34 評論0 收藏0
構建靜態頁面之 [ 布局 ]

摘要：布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內塊級元素水平居中的第一種方法該方法需作用在父子結構中為父級設置屬性為子級設置屬性注意的問題屬性是設置文本內容對齊方式的布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中 + 行內塊級元素（text-a...

andot 2019-08-29 16:31 評論0 收藏0