在CSS中,我们可以使用float和clear属性来控制图片与文字的排版。一般来说,我们会将图片设为float:left,让文字环绕在它的右边。如果想要让图片在文章的右边,则可以将float属性设为r
<!-- HTML代码 --> <div class="article"> <img src="image.jpg" alt="示例图片" class="img-right"> <p>这是一段文章的文本内容,带有一张右浮动的图片,图片尺寸可以自行设置。</p> <p>可以在文章中添加多段文本,用于展示文字环绕图片后的效果。</p> </div> <!-- CSS代码 --> .article { width: 600px; margin: 0 auto; } .img-right { float: right; margin: 0 0 20px 20px; } p { line-height: 1.5; } pre { background-color: #f5f5f5; padding: 10px; margin: 20px 0; overflow-x: auto; }
粉丝
0
关注
0
收藏
0