注1
：瀏覽器在顯示時，預設左對齊。包含外邊距的左對齊。這裡要實現居中對齊是相對於邊框border說的。
注2：將左右邊距設為
auto
，實際上左右邊距
=(父元素寬度
-此元素寬度
)/2。從外邊距的角度看是做對齊，從邊框的角度看是居中了。
注3：margin
只用來居中對齊才好用，若用來左對齊好說，
margin
不設，即為
0。若用來右對齊，必須知道
margin-left=多少(
父元素-
此元素)
。注4：
margin
可以用在文字中，也可用於影象中。對影象加
margin
是可以的。
padding
，border
一樣。例如：
.center
這是乙個段落。這是乙個段落。這是乙個段落。這是乙個段落。這是乙個段落。
除非已經宣告了 !doctype，否則使用 margin:auto 在 ie8 以及更早的版本中是無效的。
解釋：1.由於沒有設定內邊距padding，所以邊框與內容間沒有距離。
注意：背景作用於元素的border邊框範圍。
2.只有width小於父元素時，才有對齊效果。
3.除非已經宣告了 !doctype，否則使用
margin:auto
在ie8
以及更早的版本中是無效的。
4.在 ie 中，對於塊元素存在乙個外邊距處理方面的
bug。如需使上面的例子在
ie中有效，請新增一些額外的**。參見四.關於text-align
注：絕對定位元素會被從正常流中刪除，並且能夠交疊元素。且其父元素對其無繼承。
例如1，無繼承：
.container
.right
這是段落。這是段落。這是段落。
注釋：當使用 position 屬性進行對齊時，請始終包含 !doctype 宣告！ 如果省略，則會在 ie 瀏覽器中產生奇怪的結果。
這是段落。這是段落。這是段落。
例如2，重疊：
.container
.right
這是段落。這是段落。這是段落。
注釋：當使用 position 屬性進行對齊時，請始終包含 !doctype 宣告！如果省略，則會在 ie 瀏覽器中產生奇怪的結果。
這是段落。這是段落。這是段落。
例如：
.right
注釋：當使用 float 屬性進行對齊時，請始終包含 !doctype 宣告！如果省略，則會在 ie 瀏覽器中產生奇怪的結果。
1.text-align屬性只能用於塊元素，不能直接用於內聯元素，如
img
2.text-align作用於元素中所有內聯內容的對齊樣式，比如：
注：這實際上是繼承。
div.align
.center
這是乙個段落。這是乙個段落。這是乙個段落。這是乙個段落。這是乙個段落。
除非已經宣告了 !doctype，否則使用 margin:auto 在 ie8 以及更早的版本中是無效的。
結果：
css 高階 對齊 居中
除非已經宣告了 doctype，否則使用 margin auto 在 ie8 以及更早的版本中是無效的。margin 水平對齊 如果寬度為100 對齊無效 水平居中 right float 左右對齊 右對齊 right position 定位對齊 右對齊 right 垂直居中 垂直 水平居中 cen...
CSS 水平對齊
在 css 中，可以使用多種屬性來水平對齊元素。塊元素指的是佔據全部可用寬度的元素，並且在其前後都會換行。塊元素的例子 可通過將左和右外邊距設定為 auto 來對齊塊元素。注釋 除非已經宣告了 doctype，否則使用 margin auto 在 ie8 以及更早的版本中是無效的。把左和右外邊距設定...
CSS文字對齊
文字旁邊搭配時，發現比文字靠上，原來預設的情況是頂對齊而文字底對齊，通過設定css屬性可以使得與文字對齊。設定各物件的vertical align屬性，屬性說明 baseline 將支援valign特性的物件的內容與基線對齊 sub 垂直對齊文字的下標 super 垂直對齊文字的上標 top 將支援...