構(gòu)建靜態(tài)頁面之 [ 顯示和溢出 ]

wendux 發(fā)布于2019-08-29 16:33 / 2415人閱讀

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

顯示描述

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

display屬性

也可以設(shè)置指定元素的顯示和隱藏

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

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

比如

display: block

display: inline

display: inline-block

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


    
    display屬性

visibility屬性

表示設(shè)置顯示或隱藏

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

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

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


    
    visibility屬性

溢出描述

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

overflow屬性

表示解決內(nèi)容溢出

visible屬性值 - 表示不隱藏溢出內(nèi)容（默認值）

hidden屬性值 - 表示隱藏溢出的內(nèi)容

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

auto屬性值 - 表示交由瀏覽器自動調(diào)節(jié)

內(nèi)容溢出

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屬性

表示設(shè)置文本的內(nèi)容溢出

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

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

text-overflow屬性

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

云服務(wù)器 GPU云服務(wù)器 jsp 設(shè)置頁面之靜態(tài)頁面動靜態(tài)頁面 html靜態(tài)頁面

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113818.html

相關(guān)文章

構(gòu)建靜態(tài)頁面之 [ 顯示和溢出 ]

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

crossea 2019-08-02 11:22 評論0 收藏0
構(gòu)建靜態(tài)頁面之 [ 浮動 ]

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

snowell 2019-08-29 16:32 評論0 收藏0
構(gòu)建靜態(tài)頁面之 [ 浮動 ]

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

Scliang 2019-08-02 11:21 評論0 收藏0
【靜態(tài)頁面架構(gòu)】CSS之顯示與溢出

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

tolerious 2019-08-29 16:34 評論0 收藏0
構(gòu)建靜態(tài)頁面之 [ 布局 ]

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

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