CSS如何实现图片右侧文字换行代码示例
时间: 2024-04-29 12:26:16 浏览: 56
Css样式使用
可以使用CSS中的float属性来实现图片右侧文字换行。具体代码示例如下:
HTML代码:
```
<div class="container">
<img src="your-image-url" alt="your-image-description">
<div class="text">
<p>your-text-here</p>
</div>
</div>
```
CSS代码:
```
.container {
overflow: hidden;
}
img {
float: right;
margin-left: 10px;
/* 调整图片与文字的间距 */
}
.text {
overflow: hidden;
/*让包含文字的元素也成为一个块级元素*/
}
```
阅读全文