說到居中的問題,或許大多數童鞋都會想到text-align:center; margin:0 auto; vertical-align:middle; line-height:height; ……的確,這些屬性在某種程式上可以達到居中的效果。但是否是適用於每一種情況呢?我們先來溫習一下這些個屬性值的用處。
text-align:center; 行內元素的水平居中顯示;
margin:0 auto; 固寬盒子在瀏覽器中的居中顯示效果;
vertical-align:middle; 行內元素的垂直居中顯示;
line-height:height; 針對於單行文字垂直居中顯示;
***********************************=
html:
測試----------------------------------
css:
第一種方法:(常用)
.a.b
第二種方法:
.a.b
第三種方法:(ie有點問題)
.a.b
第四種方法:(用到css3,不考慮ie,只在火狐做了測試,其他可加字首)
.a.b
第五種方法:(ie6/7相容)
.a.b
div居中以及div中的元素居中
div居中以及div中的元素居中 div水平和垂直居中,text align和vertical align不起作用,因為標籤div沒有這兩個屬性,所以再css中設定這兩個值不能居中的效果。div水平居中 設定margin的左右邊距為自動。1 div 2 2.div中的元素居中 2.1 div中的文字...
div中的div如何居中
doctype html html head meta charset utf 8 title title style type text css style head body div class father div class son son div div body html 方法一 使用絕...
div 中的元素居中
1 裡面是inline 例如是文字 在div中加乙個span就可以了 設定span樣式為 height 32px line height 32裡面的文字就居中了 height 30px line height 30px width 100px overflow hidden 2 裡面是block 定...