在網頁布局中，div是最常見的元素之一。而如何讓div居中又左對齊？下面我們詳細解答。 首先，我們需要先理解div的默認行為。div是一個塊狀元素，默認情況下是寬度100%、高度為內容高度，會頂著上下元素，左邊距默認為0。 要想讓div實現居中左對齊，我們可以用以下CSS樣式： ``` div { width: 500px; margin: 0 auto; text-align: left; } ``` 代碼中的width屬性指定了div的寬度為500px，margin屬性設置為“0 auto”則將div水平居中對齊，text-align屬性則將div內的內容左對齊。 另外，我們也可以使用flex布局的方式來實現這一樣式。 ``` .container { display: flex; justify-content: center; } .container div { width: 500px; align-self: flex-start; } ``` 代碼中的.container是一個包裹div的父元素，display屬性為flex，justify-content屬性為center則將div水平居中，align-self屬性為flex-start則將div頂到父元素的頂部。 總之，通過以上兩種方式，我們能夠方便地實現div的居中左對齊效果。