有乙個有趣的現象就是當為
元素(不論之前是什麼型別元素,
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 了,且預設寬度不佔滿父元素。如下面的 ...