最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

伸縮盒子（彈性盒子）是 CSS3 中一種新的布局模式，引入伸縮盒子的目的是提供一種更加有效的方式來對頁面中的元素進行排列、對齊和分配空間，當頁面需要適應不同的屏幕大小以及設備類型時這種布局方式能夠確保元素擁有恰當尺寸和位置。

下面通過幾個常用的屬性值來介紹以下 display 屬性的使用：

display: none

display 的屬性值 none 可以用來隱藏元素，與前面我們介紹《CSS visibility》時提到的
visibility: hidden; 功能相似，不同的是
display: none; 在隱藏元素的同時，它還會將元素所占的位置一并隱藏。
display: none; 通常會與 JavaScript 結合使用來隱藏或顯示某個元素，下面通過一個示例來演示一下：

    


    
 
    隱藏
    

運行上面的代碼，在頁面中點擊“顯示”或“隱藏”按鈕即可對頁面中指定的元素執(zhí)行顯示或隱藏操作，如下圖所示：

display: block

display 屬性的屬性值 block 可以將元素強制轉換為塊級元素，示例代碼如下：

    


    這是一個鏈接

運行結果如下圖所示：

display: inline

display 屬性的屬性值 inline 可以將元素強制轉換為行內元素，讓元素擁有行內元素的特性，例如可以與其他行內元素共享一行等，示例代碼如下：

    


    

    

    
display: inline;
    
display: inline;

運行結果如下圖所示：

display: inline-block

display 屬性的屬性值 inline-block 可以將元素強制轉換為行內塊元素，inline-block 既具有 block 能夠設置寬高的特性又具有 inline 不獨占一行的特性，示例代碼如下：

    


    

    

    
display: inline-block;
    
display: inline-block;

運行結果如下圖所示：

快速導航

• scyanting.com
• 眉山IDC機房
• 資陽發(fā)電機公司
• 成都服務器托管
• shouzuofang.com
• 馬邊網站開發(fā)
• 帝美豪門窗

友情鏈接

網站制作 網站建設 網絡推廣 網站推廣 小程序開發(fā) 網站導航

網站建設

• 四川平武建站
• 網站導航

聯系方式

• 企業(yè)：四川綿陽平武網站建設工作室
• 地址：成都市青羊區(qū)太升南路288號
• 電話：18980820575
• 網址：fisionsoft.com.cn

公司名稱：四川綿陽平武網站建設工作室 聯系電話：18980820575

網站備案號：蜀ICP備2024061352號-3

四川平武建站 四川平武網站建設 四川平武網站設計 四川平武網站制作 成都做網站