溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“css布局的方法有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css布局的方法有哪些”吧!
設置元素的現實方式
display：block
默認寬度為父級元素寬度
可設置寬高
換行顯示
display：inline
默認寬度為內容寬度
不可設置寬高
同行顯示
display：inline-block
默認寬度為內容寬度
可以設置高寬
同行顯示
整塊換行，inline行間換行
默認標簽有 表單標簽
display：none
設置元素不顯示
與visibility：hidden的區別
visibility：hidden僅僅隱藏元素不可見，但是后面元素不能占據他的位置。
塊級元素水平居中
1 |
|
居中導航
<ul>
<li>導航</li>
</ul>
float:right
默認寬帶為內容寬度
脫離文檔流
向指定方向一直移動
float元素在同一文檔流
float元素半脫離文檔流（對元素，脫離文檔流，對內容在文檔流）
清除浮動
clearfix
.clearfix:after{content:".";display:block;clear:both;height:0; overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
到此，相信大家對“css布局的方法有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
