<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>不规则文字环绕</title>
</head>
<style>
.my_img {
width: 150px;
height: 150px;
float: left;
margin-right: 1em;
object-fit: cover;
border-radius: 50%;
shape-outside: circle(50% at 50% 50%);
}
p {
line-height: 2;
}
</style>
<body>
<div>
<img src="" alt="一张图片" class="my_img">
<p>“文字环绕”是指运用文字排版技巧,将文字围绕在某个图形或图像边缘,并使得文字与图形或图像融为一体的技术手法。它是一种让字体排布更加灵活和创新的视觉效果。</p>
</div>
</body>
</html>