html怎么把一段文字换行,如何使用HTML / CSS将文字换行-优快云博客

本文介绍如何使用 CSS Shapes 特性实现文本环绕圆形或不规则形状图片的效果，通过简单的代码示例展示如何定义 ellipse() 函数来创建椭圆形状，并使文本能够沿着该形状进行排列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

With CSS Shapes you can go one step further than just float text around a rectangular image.

You can actually wrap text such that it takes the shape of the edge of the image or polygon that you are wrapping it around.

caniuse)

.oval {

width: 400px;

height: 250px;

color: #111;

border-radius: 50%;

text-align: center;

font-size: 90px;

float: left;

shape-outside: ellipse();

padding: 10px;

background-color: MediumPurple;

background-clip: content-box;

}

span {

padding-top: 70px;

display: inline-block;

}

PHP

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has

survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing

software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley

of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing

Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy

text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised

in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Also, here is a good list apart article on CSS Shapes