国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

水平對齊方式

付永剛 / 3596人閱讀

摘要:原理子元素設置成行內塊狀元素,父元素設置文本居中對齊也能使其生效子元素固定高寬子元素不定高寬優點不需要設置子元素具體寬度兼容性好,甚至可以兼容缺點因為是繼承樣式,會導致下級所有元素文字生效

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

相關文章

  • 再次簡單明了總結flex布局,一看就懂...

    摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...

    felix0913 評論0 收藏0
  • 再次簡單明了總結flex布局,一看就懂...

    摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...

    huangjinnan 評論0 收藏0
  • 再次簡單明了總結flex布局,一看就懂...

    摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...

    CarlBenjamin 評論0 收藏0
  • 再次簡單明了總結flex布局,一看就懂...

    摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...

    kel 評論0 收藏0
  • 再次簡單明了總結flex布局,一看就懂...

    摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...

    Shimmer 評論0 收藏0
  • 再次簡單明了總結flex布局,一看就懂...

    摘要:可能值含義如下假設主軸為水平方向左對齊右對齊居中對齊兩端對齊沿軸線均勻分布各行將根據其值伸展以充分占據剩余空間備注設置,不然默認按照比例排滿一行。默認值為,表示當空間不足時,自動縮小,其可能的值為整數,表示不同的縮小比例。 思維導圖 showImg(https://user-gold-cdn.xitu.io/2019/2/26/16927612eee6be1a?w=714&h=1110...

    mayaohua 評論0 收藏0

發表評論

0條評論

付永剛

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<