元素居中對齊
要水平居中對齊乙個元素，可以使用 margin:auto;
設定到元素的寬度將防止它溢位到容器的邊緣；
元素通過指定寬度，並將兩邊的空外邊距平均分配：
水平居中塊級元素 (如 div), 可以使用 marig：auto;
注意：使用 margin：auto 無法相容 ie8， 除非 !doctype 已經宣告。
如果沒有設定
width
屬性(或者設定 100%)，居中對齊將不起作用
文字居中對齊如果僅僅是為了文字在元素內居中對齊，可以使用 text-align：center
文字居中對齊
以下例項演示了如何使用 position 來實現右對齊:
如約智惠 -- 你的生活助手！
當使用 position 屬性時，ie8 以及更早的版本存在乙個問題。如果容器元素（在我們的案例中是 ）設定了指定的寬度，並且省略了 !doctype 宣告，那麼 ie8 以及更早的版本會在右側增加 17px 的外邊距。這似乎是為滾動條預留的空間。當使用 position 屬性時，請始終設定 !doctype 宣告：
注意:當使用浮動屬性對齊,總是包括 !doctype 宣告!如果丟失,它將會在 ie 瀏覽器產生奇怪的結果。
以下例項演示了使用 float 屬性來實現右對齊:
我老爹在小時候給我的一些人生建議，我現在還記憶深刻。
以下例項圖在父元素中移除，很不美觀：
在父元素上通過新增 clearfix 類，並設定 overflow: auto; 來解決該問題:
注意:當使用浮動屬性對齊,總是包括 !doctype 宣告!如果丟失,它將會在 ie 瀏覽器產生奇怪的結果。
以上例項，我們使用padding屬性實現元素的垂直居中：
我是垂直居中的。
以下例項，我們使用 padding 和 text-align 讓 div 元素的水平和垂直方向都居中:
我是水平和垂直都居中的。
以下例項中，我們讓 line-height 屬性值和 height 屬性值相等來設定 div 元素居中：
我是垂直居中的。
以下例項中，我們使用了 positioning 和 transform 屬性來設定水平和垂直居中：
我是水平和垂直居中的。
注意: ie8 及更早版本不支援 transform 屬性。
css基礎 文字對齊，水平對齊，垂直對齊
先說水平對齊，那首先想到的就是text align了，text align left，text align center，text align right，代表的就是左對齊，居中對齊和右對齊，需要注意的是如果有padding這類的東西在，千萬看清楚兩邊的padding值是否相 同，當你看到文字不在中...
css 文字的水平垂直對齊
水平居中 text align 應用於塊級元素的文字水平居中 text align left 左對齊 text align right 右對齊 text align justify 兩端對齊 text align center 水平居中 將塊級元素中的內聯元素設定為水平居中，並不能使塊級元素水平居中...
css垂直對齊
在css中，行框的高度總是足以容納它包含的所有行內級框，當乙個行內級框 b 的高度小於包含它的行框高度時，則由 vertical align屬性 來決定b在行框中垂直對齊的位置。因此，vertical align屬性只對行內級元素有效，對塊級元素無效。並且，該屬性不能被子元素繼承。在垂直對齊時，行內...