在網(wǎng)頁設(shè)計(jì)中，常常需要將圖片和文字一起放置在同一行，并且讓它們居中顯示，這時(shí)候就需要使用CSS來實(shí)現(xiàn)。

<div class="container">
<img src="image.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
.container {
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 100%;
height: auto;
}
p {
margin: 0;
text-align: center;
}

以上代碼中，我們將圖片和文字放置在一個(gè)容器（container）中，并使用CSS的flex布局讓它們水平居中和垂直居中。同時(shí)，設(shè)置圖片的最大寬度為100%確保適應(yīng)屏幕尺寸。最后，將文字的margin值設(shè)為0，并將文本居中顯示。

這樣，我們就可以輕松實(shí)現(xiàn)圖片和文字一行居中的效果了。