css文字居中之后第二行怎么靠左邊

實現css文字居中后第二行文字左對齊的方式有良多，分歧的結構方式，有分歧的寫法，下面介紹利用div結構實現結果。

步調

1
新建一個HTML文件，定名為test.html。
2
編寫代碼，利用div結構兩行文字，并給每個div一個class，用于下面CSS樣式的結構。
3
運行代碼，結果如下：
4
利用css對div進行結構。起首，給最外面的div一個固心猿意馬寬度，并居中，為了便利測試，給div一個灰色布景。
5
然后，將所有文字利用text-align：center進行居中，需要注重的是，每行文字的div必需利用width:100%進行寬度節制，鋪滿整個div才有可能進行對齊體例的設置。
6
最后，對第二行文字利用text-align:left零丁設置左對齊，實現想要的結果。
7
運行代碼，結果如下：
可見，實現了css文字居中后第二行文字左對齊的結果。關頭之處是對第二行文字進行零丁設置，進行左對齊，就可以實現結果。