摘要:原理子元素設置成行內塊狀元素,父元素設置文本居中對齊也能使其生效子元素固定高寬子元素不定高寬優點不需要設置子元素具體寬度兼容性好,甚至可以兼容缺點因為是繼承樣式,會導致下級所有元素文字生效
inline-block text-align
原理:子元素設置成行內塊狀元素,父元素設置文本居中對齊也能使其生效
#parent{text-align: center;} #child {display: inline-block;}子元素固定高寬A
A子元素不定高寬B
B
優點:
1) 不需要設置子元素具體寬度;
2) 兼容性好,甚至可以兼容ie6、ie7;
缺點:
1) 因為text-align是繼承樣式,會導致下級所有元素文字生效
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/116192.html
摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...
摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...
摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...
摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...
摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...
摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...
閱讀 1565·2021-11-02 14:42
閱讀 2307·2021-10-11 10:58
閱讀 656·2021-09-26 09:46
閱讀 2907·2021-09-08 09:35
閱讀 1403·2021-08-24 10:01
閱讀 1228·2019-08-30 15:54
閱讀 3597·2019-08-30 15:44
閱讀 1791·2019-08-30 10:49