三種模式分別為:
1.行內元素(inline)
特點a.不能設定寬高----寬高由內容決定
b.一行顯示多個
常見的行內元素: span a strong del ins em i .....特點:a.可以設定寬高
b.獨自佔據一行
沒有設定寬度的塊級元素,寬度等於父盒子
常見的塊級元素: div p h1-h6 table ul li .....特點:a.可以設定寬高
b.一行顯示多個
常見的行內塊元素: input imgdisplay: 控制標籤的顯示模式
inline:行內元素
block:塊級元素
inline-block:行內塊元素
如果將span元素變成行內塊元素
例子:
spanCSS 7 清除浮動 float
1 為什麼要清除浮動 我們前面說過，浮動本質是用來做一些文字混排效果的，但是被我們拿來做布局用，則會有很多的問題出現。由於浮動元素不再占用原文件流的位置，所以它會對後面的元素排版產生影響，為了解決這些問題，此時就需要在該元素中清除浮動。準確地說，並不是清除浮動，而是清除浮動後造成的影響 2 清除浮動...
Web前端 css7 透明 居中
css控制元素隱藏的幾種方式 不佔位 1.display none 2.width 0 height 0 佔位 1.visibility hidden 2.opacity 0 3.margin left 5000px 要注意 方向問題 行內元素 和行內塊元素 內部不能巢狀塊級元素 塊級元素可以巢狀其...
標籤顯示模式與轉換
1 塊級元素 一行乙個 eg 等特點 一行乙個 可以控制 高度 hight 寬度 width 外邊距 內邊距 寬度預設容器 父級 的寬度的100 2 行內元素 一行多個 eg 等特點 一行多個 高寬無效 寬預設它本身內容的寬度 行內元素只能訪文字和其他行內元素 3 行內塊元素 一行多個 eg 特點 ...