在網頁設計中，我們經常需要讓一段文字在容器中居中顯示，但是又希望這段文字左對齊。這時候我們可以使用CSS來實現。 首先，需要將文本容器設置為一定的寬度，并且使用margin: 0 auto;將容器居中。接著，使用text-align: center;將文本居中顯示。這樣，文本就可以居中顯示了。 不過，我們需要將文本左對齊。這時候可以使用text-align: left;將文本左對齊。但是這樣做會將整段文本左對齊，而且還會影響到后面的文本。 為了解決這個問題，我們可以給文本容器再嵌套一層div，并且將這個div的寬度設置為自適應寬度。然后，在這個div上使用text-align: center;，在里面再嵌套一個div，將這個div的寬度設置為容器寬度，并且使用text-align: left;讓文本左對齊。這樣，只需要在文字容器的外層div上加上text-align: center;就可以實現文字居中左對齊的效果了。 下面是代碼示例：

<div style="width: 800px; margin: 0 auto; text-align: center;">
<div style="display: inline-block; text-align: left;">
<p>這是一段需要居中顯示，又需要左對齊的文字。</p>
</div>
</div>

在這個示例中，外層div設置了寬度為800px，并且使用margin: 0 auto;將其居中。里面再嵌套一個寬度自適應的div，并且使用text-align: center;將其居中。最后，在里層div中使用text-align: left;將文本左對齊。 使用這種方法，可以實現文字居中左對齊的效果，并且不會影響到后面的文本。