css設(shè)置水平對齊的方法：1、使用“text-align: center;”樣式設(shè)置文本元素水平居中對齊；2、使用“margin: auto;”樣式設(shè)置塊狀元素水平居中對齊。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

1、使用text-align: center;

text-align屬性指定元素文本的水平對齊方式。

屬性值：left 把文本排列到左邊。默認(rèn)值：由瀏覽器決定。

right 把文本排列到右邊。

center 把文本排列到中間。

justify 實現(xiàn)兩端對齊文本效果。

示例：

.center {

text-align: center;

border: 3px solid green;

}

文本居中對齊

文本居中對齊。

效果圖：

【推薦教程：CSS視頻教程 】

2、使用margin: auto;

margin簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。

屬性值：auto 瀏覽器計算外邊距。

length 規(guī)定以具體單位計的外邊距值，比如像素、厘米等。默認(rèn)值是 0px。

% 規(guī)定基于父元素的寬度的百分比的外邊距。

要水平居中對齊一個元素(如

), 可以使用 margin: auto;。

設(shè)置到元素的寬度將防止它溢出到容器的邊緣。

元素通過指定寬度，并將兩邊的空外邊距平均分配

示例：

.center {

margin: auto;

width: 60%;

border: 3px solid #73AD21;

padding: 10px;

}

元素居中對齊

div 元素是居中的

效果圖：

更多編程相關(guān)知識，請訪問：編程視頻！！

總結(jié)

以上是生活随笔為你收集整理的php如何水平对齐所有星星,css怎么设置水平对齐的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。