在網(wǎng)站中，圖片和文字的排版和對(duì)齊都是重要的設(shè)計(jì)元素。使用CSS可以實(shí)現(xiàn)不同的排版和對(duì)齊方式。下面我們來(lái)介紹一下和文字對(duì)齊的CSS：

img {
float: left;
margin-right: 20px;
}
p {
text-align: justify;
text-justify: inter-ideograph;
}

以上代碼實(shí)現(xiàn)了左浮動(dòng)的圖片和兩端對(duì)齊的文字。

首先，我們來(lái)看一下標(biāo)簽的CSS。通過(guò)float:left進(jìn)行左浮動(dòng)，可以使圖片和文字排列在同一行，并緊密相連。同時(shí)設(shè)置margin-right：20px，可以在圖片和文字之間留出一些空隙。

接著，我們看一下文字的CSS。使用text-align:justify和text-justify:inter-ideograph可以實(shí)現(xiàn)兩端對(duì)齊的效果。其中text-align:justify會(huì)將文字沿著行寬自動(dòng)調(diào)整至兩端對(duì)齊，而text-justify:inter-ideograph可以防止文字的間距過(guò)寬。

總之，通過(guò)以上CSS，我們可以輕松實(shí)現(xiàn)圖片和文字的排版和對(duì)齊。使用CSS來(lái)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)，為用戶(hù)帶來(lái)更好的瀏覽體驗(yàn)。