關于我們 ABOUT US
了解我們,選擇我們,為您提供最專業最優質的服務
在說到這個問題的時候,也許有人會問CSS中不是有vertical-align屬性來設置垂直居中的嗎?即使是某些瀏覽器不支持我只需做少許的CSSHack技術就可以啊!所以在這里我還要啰嗦兩句,CSS中的確是有vertical-align屬性,但是它只對(X)HTML元素中擁有valign特性的元素才生效,例如表格元素中的td、th、caption等,而像div、span這樣的元素是沒有valign特性的,因此使用vertical-align對它們不起作用。
如果一段內容,它的高度是可變的那么我們就可以使用上一節講到的實現水平居中時使用到的最后一種方法,就是設定Padding,使上下的padding值相同即可。同樣的,這也是一種“看起來”的垂直居中方式,它只不過是使文字把div完全填充的一種訪求而已。可以使用類似下面的代碼: div { padding:25px; }
在本文的一開始,我們已經說過CSS中的vertical-align屬性只會對擁有valign特性的(X)HTML標簽起作用,但是在CSS中還有一個display屬性能夠模擬table,所以我們可以使用這個屬性來讓div模擬table就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必須設置在父元素上,后者必須設置在子元素上,因此我們要為需要定位的文本再增加一個div元素
如果一段內容,它的高度是可變的那么我們就可以使用上一節講到的實現水平居中時使用到的最后一種方法,就是設定Padding,使上下的padding值相同即可。同樣的,這也是一種“看起來”的垂直居中方式,它只不過是使文字把div完全填充的一種訪求而已。可以使用類似下面的代碼: div { padding:25px; }
在本文的一開始,我們已經說過CSS中的vertical-align屬性只會對擁有valign特性的(X)HTML標簽起作用,但是在CSS中還有一個display屬性能夠模擬table,所以我們可以使用這個屬性來讓div模擬table就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必須設置在父元素上,后者必須設置在子元素上,因此我們要為需要定位的文本再增加一個div元素
產品展示 PRODUCTS
了解我們,選擇我們,為您提供最專業最優質的服務
選擇我們 為您提供最專業服務 4000-000-000
新聞中心 NEWS
了解我們,選擇我們,為您提供最專業最優質的服務
- 2015-03-17李克強總理會見記者并答問 談8千工資到手5
- 2015-03-17小米和360互訴不正當競爭 均索賠2000萬元
- 2015-03-17中國4船員遭阿根廷扣押 或被處罰超100萬美元
- 2015-03-17小媳婦為躲生二胎離家出走
- 2015-03-17樂視體育被爆B輪融資70億 體育被熱錢追捧
2015-03-17習近平兩會全紀錄 兩會專題
- 2015-03-17李克強總理會見記者并答問 談8千工資到手5
- 2015-03-17武漢釘子戶287平房屋要價3000萬
- 2015-03-17中國4船員遭阿根廷扣押 或被處罰超100萬美元
- 2015-03-18上海2000人為阿迪達斯新款鞋連夜排隊
- 2015-03-18游戲業務開掛 被"破產"的索尼就能起死回
2015-03-17迪拜客機在俄墜毀 機上人員全部遇難