隱性改變display型別

2021-07-10 10:45:01 字數 663 閱讀 5720

內聯塊狀元素(inline-block)就是同時具備內聯元素、塊狀元素的特點,**display:inline-block就是將元素設定為內聯塊狀元素。(css2.1新增),

inline-block元素特點:

和其他元素都在一行上;

元素的高度、寬度、行高以及頂和底邊距都可設定。

當為元素(不論之前是什麼型別元素,display:none 除外)設定以下 2 個句之一:

position : absolutefloat : 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 了,且預設寬度不佔滿父元素。如下面的 ...