內聯塊狀元素(inline-block)就是同時具備內聯元素、塊狀元素的特點,**display:inline-block
就是將元素設定為內聯塊狀元素。(css2.1新增),
inline-block
元素特點:
和其他元素都在一行上;
元素的高度、寬度、行高以及頂和底邊距都可設定。
當為元素(不論之前是什麼型別元素,display:none 除外)設定以下 2 個句之一:
position : absolute
float : left 或 float:right
元素會自動變為以display:inline-block
的方式顯示,當然就可以設定元素的 width 和 height 了且預設寬度不佔滿父元素。
如下面的**,小夥伴們都知道 a 標籤是行內元素,所以設定它的 width 是 沒有效果的,但是設定為 position:absolute 以後,就可以了。
class="container">
href="#"
title="">進入課程請單擊這裡a>
div>
.container
astyle>
隱性改變display型別
有乙個有趣的現象就是當為 元素 不論之前是什麼型別元素,display none 除外 設定以下 2 個句之一 1.position absolute 2.float left 或 float right 簡單來說,只要 html 中出現以上兩句之一,元素的 display 顯示型別就會自動變為以 ...
隱性改變display型別
有乙個有趣的現象就是當為 元素 不論之前是什麼型別元素,display none 除外 設定以下2 個句之一 1.position absolute 2.float left 或 float right 簡單來說,只要html 中出現以上兩句之一,元素的display顯示型別就會自動變為以 disp...
隱性改變display型別
有乙個有趣的現象就是當為元素 不論之前是什麼型別元素,display none 除外 設定以下2 個句之一 1.position absolute 2.float left 或 float right 的方式顯示,當然就可以設定元素的width 和height 了,且預設寬度不佔滿父元素。如下面的 ...