CSS （Cascading Style Sheet）是一種用來(lái)控制網(wǎng)頁(yè)樣式的語(yǔ)言，通常通過(guò)選擇器來(lái)修改HTML文檔中的元素。在網(wǎng)頁(yè)制作中，左對(duì)齊是比較常見(jiàn)的排列方式，但有時(shí)候需要取消左對(duì)齊來(lái)實(shí)現(xiàn)更靈活的布局效果。本文將介紹如何使用CSS取消左對(duì)齊。

p{
text-align: left; //左對(duì)齊
}

如上所示，在CSS中通過(guò)設(shè)置text-align屬性值為left即可實(shí)現(xiàn)左對(duì)齊，我們只需要將這個(gè)屬性修改為其他值或者取消這個(gè)樣式即可取消左對(duì)齊。下面列舉一些常用的取消左對(duì)齊的方法。

1. 取消文本左對(duì)齊

p{
text-align: justify; //取消左對(duì)齊
}

text-align:justify屬性可以使文本對(duì)齊到左右兩端，從而取消左對(duì)齊。然而這種方法比較危險(xiǎn)，因?yàn)樵诙嘈形谋緯r(shí)會(huì)產(chǎn)生單詞間距不均勻，造成頁(yè)面視覺(jué)效果不太理想。

2. 使用float屬性排列元素

div{
float: right; //右對(duì)齊
}

有時(shí)候我們需要將元素排列成一行，且取消左對(duì)齊，這時(shí)候可以使用float屬性。通過(guò)將元素的float屬性設(shè)置為right即可將元素從左往右依次排列，并且取消左對(duì)齊。

3. 使用display屬性使元素變成行內(nèi)元素

p{
display: inline; //行內(nèi)塊元素
}

行內(nèi)元素通常都是默認(rèn)左對(duì)齊的，所以我們可以將元素的display屬性設(shè)置為inline，讓元素變成行內(nèi)元素，從而取消左對(duì)齊。設(shè)置之后需要注意，行內(nèi)元素的高度與外邊距和內(nèi)邊距都是不能修改的，所以需要謹(jǐn)慎使用。

綜上，我們可以使用不同的CSS屬性來(lái)取消左對(duì)齊。在實(shí)現(xiàn)網(wǎng)頁(yè)布局時(shí)，需要根據(jù)具體情況選擇最合適的方法以達(dá)到最好的效果。