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

crossea 發(fā)布于2019-08-02 11:22 / 969人閱讀

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

顯示描述

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

display屬性

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

屬性值為 none - 表示隱藏目標(biāo)元素

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

比如

display: block

display: inline

display: inline-block

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


    
    display屬性

visibility屬性

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

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

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

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


    
    visibility屬性

溢出描述

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

overflow屬性

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

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

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

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

auto屬性值 - 表示交由瀏覽器自動(dòng)調(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)容以省略號(hào)（...）方式顯示

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

text-overflow屬性

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

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

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

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

相關(guān)文章

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

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

wendux 2019-08-29 16:33 評(píng)論0 收藏0
構(gòu)建靜態(tài)頁(yè)面 之 [ 浮動(dòng) ]

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

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

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

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

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

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

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

andot 2019-08-29 16:31 評(píng)論0 收藏0