css水平對齊方式怎么設置

css也就是我們常說的樣式表，是進行網頁設計必不成少的。那么css程度對齊體例怎么設置呢？下面就隨我一路進行現實操作吧。

東西/原料

1
第一步：我們起首打開網頁編纂軟件，這里我用editplus5編纂器。
2
第二步：我們先編寫兩個div標簽以便設置css進行程度體例的樣式設置。
<div id="first" class=""> 第一個div </div>
<div id="second" class="">第二個div </div>
3
第三步：我們給這兩個div標簽設置根基的樣式，好比寬和高。
<style type="text/css">
#first,#second{ width:600px; height:300px;border:5px solid #cc0033;}
</style>
4
第四步：在edge瀏覽器中進行結果瀏覽。
5
第五步：假如我們要把第一個div框在瀏覽器中程度居中顯示。設置樣式如下：
#first{ margin:0 auto;} margin就是外邊距，margin：第一個參數就是上下邊距，第二個參數就是程度體例主動，也就是居中的意思。
6
第六步：此時第一個div標簽框已經程度居中了。假如我們要給第二個div中的文字進行程度偏向居中的話，就要這樣寫css，text-align:left/center/right，既文本對齊體例：左/居中/右
#second{ text-align:center;}
7
第七步：此時我們再瀏覽器中查看文字的程度對齊體例是否居中顯示。
8
總結：
1、起首打開網頁設計軟件新建一個網頁
2、編寫兩個div標簽和寫上響應的文字
3、假如要給div結構框設置程度對齊體例，可以經由過程margin屬性進行css編寫
4、假如要給div標簽里面的文字內容設置程度對齊體例，可以經由過程text-align屬性進行css樣式編寫。