1、這種方法主要使用margin: auto配合元素的width來實現水平居中的效果
content.horizontal
（備註：因為不設定寬度的話，塊級元素預設的寬度為父元素的寬度，子元素和父元素一樣寬，那就沒有水平居中而言啦）
使用上面方法實現元素水平居中一定要讓元素滿足兩個條件：其一，元素需要有乙個固定寬度值；其二元素的margin-left和margin-right都必須設定為auto，這兩個條件少了任何乙個都無法讓元素達到水平居中的效果。
2、實現固定寬度的水平居中，我們還可以使用絕對定位配合負的margin來實現
<div
class
="horizontal"
>content
div>
.horizontal
這種方法有幾點需要注意：其一要有乙個固定寬度，其二對要居中的元素進行絕對定位，並且「left: 50%」；其三對此元素設定乙個負的「margin-left」並且值等於寬度的一半，另外如果元素不是相對於瀏覽器的話，還需要在其父元素上設定乙個相對定位「position: relative」。
3、這種方法主要是針對單行文字居中或者前面介紹的table格式居，主要運用的是text-align:center讓元素水平居中
.testh
CSS之水平垂直居中
html div css box要點 已知元素高和寬，將其絕對定位時，top，left定位50 最後將margin top 和 margin left 設為高和寬的一半的負值。box 要點 可以不知道元素高和寬，將其絕對定位時，top，left定位50 最後translate 50 50 即移動相對...
css 之水平居中對齊
初學css,對各種居中很是頭疼,這裡特地整理一下.1.設定 text align 屬性 例如 測試標題1具體解釋 css屬性定義行內內容 例如文字 如何相對它的塊父元素對齊。text align並不控制塊元素自己的對齊，只控制它的行內內容的對齊 總結 1.只能用於塊級元素內容 block conta...
居中之美之垂直居中系列
參考自 元素垂直居中 1 元素內容是單行，並且其高度是固定不變的，你只要將其 line height 設定成和 height 值一樣就ok了。必須單行文字，且高度一定 html content csss vertical 2 給容器設定絕對定位 position absolute 並且定位高度 to...