隱性改變display型別

2021-07-28 09:04:08 字數 668 閱讀 2243

有乙個有趣的現象就是當為

元素(不論之前是什麼型別元素,

display:none

除外)設定以下

2 個句之一:

1. position : absolute

2. float : left 或

float:right

簡單來說,只要

html

**中出現以上兩句之一,元素的

display

顯示型別就會自動變為以

display:inline-block(塊狀

元素)的方式顯示,當然就可以設定元素的

width

和height

了,且預設寬度不佔滿父元素。

如下面的**,小夥伴們都知道

a 標籤是

行內元素

,所以設定它的

width

是 沒有效果的,但是設定為

position:absolute

以後,就可以了。

進入課程請單擊這裡

css**

想不起

display:inline-block

是做什麼的小夥伴們,單擊「

元素分類--

內聯塊狀元素

」可返回到前面小節進行複習。

隱性改變display型別

內聯塊狀元素 inline block 就是同時具備內聯元素 塊狀元素的特點,display inline block就是將元素設定為內聯塊狀元素。css2.1新增 inline block元素特點 和其他元素都在一行上 元素的高度 寬度 行高以及頂和底邊距都可設定。當為元素 不論之前是什麼型別元素...

隱性改變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 了,且預設寬度不佔滿父元素。如下面的 ...