CSS3 文字圍繞是一種用于控制文本或圖像位置的技術(shù)。

在過(guò)去，創(chuàng)建圍繞文本或圖像的效果需要使用表格和JavaScript等技術(shù)。但是，CSS3 提供了簡(jiǎn)單、可靠的方式來(lái)實(shí)現(xiàn)這項(xiàng)工作。

/* CSS3 文字圍繞示例 */
.text {
float: left;
width: 200px;
height: 200px;
margin-right: 20px;
background-color: #f2f2f2;
}
img {
float: right;
margin: 20px;
shape-outside: circle(50%);
}
p {
padding: 20px;
text-align: justify;
line-height: 1.5;
}

CSS3 文字圍繞的核心概念是“形狀外部”，這是文本或圖像形狀的定義。通過(guò)設(shè)置shape-outside屬性，可以同時(shí)創(chuàng)建文本和圖像的圍繞效果。

上面的示例代碼中，.text元素是文本的容器，使用float: left讓其浮動(dòng)。在這個(gè)容器中，使用shape-outside屬性將文本圍繞在img元素的圓形形狀外部。

此外，通過(guò)設(shè)置line-height: 1.5，我們可以改善文本的可讀性，并確保文本無(wú)論圍繞在任何形狀外部，都可以正確顯示。

總之，CSS3 文字圍繞功能是一種非常有用的技術(shù)，可以幫助我們更好地控制文本和圖像的顯示位置，從而創(chuàng)造出更豐富多彩的 Web 頁(yè)面。