CSS是一種用于設(shè)置網(wǎng)頁樣式的語言，其中一個很常見的使用就是讓文字和圖片對齊。首先，需要確保圖片和文字在同一個容器中，例如這樣：

<div class="container">
<img src="picture.jpg" alt="A nice picture">
<p>Some text that goes with the picture.</p>
</div>

接下來的CSS代碼可以讓圖片和文字上下對齊，并且讓它們水平居中對齊：

.container {
display: flex;
align-items: center;
justify-content: center;
}
.container img {
margin-right: 1rem;
}

首先，我們將容器的display屬性設(shè)置為flex，這樣它內(nèi)部的元素就可以方便地用Flexbox來定位了。然后，我們使用align-items和justify-content屬性將容器中的元素垂直和水平居中。最后，我們給圖片一個右邊距，以避免它緊貼著文字。

這樣一來，我們就可以很方便地將圖片和文字對齊了。如果需要更復(fù)雜的對齊方式，可以使用Flexbox的其他屬性來實(shí)現(xiàn)。