CSS 中文字围绕在图片右边是一种常见的排版方式,可以使文章整体更加美观。这种效果可以通过 CSS 中 float 属性和 margin 属性实现。.img { float: right; /*让图片
CSS 中文字围绕在图片右边是一种常见的排版方式,可以使文章整体更加美观。这种效果可以通过 CSS 中 float 属性和 margin 属性实现。
.img { float: right; /*让图片向右浮动*/ margin: 0 0 10px 10px; /*设置图片与文字之间的距离*/ }
首先,我们需要在 HTML 中插入一张图片,将其以一个类名为 img 的 div 中进行包裹。
<div class="img"> <img src="xxx.jpg" alt="图片"> </div>
接下来,我们需要在 CSS 文件中为这个 img 类添加样式。
.img { float: right; margin: 0 0 10px 10px; }
通过将图片向右浮动,我们可以使文字贴近图片的左边;而通过 margin 属性,我们则可以控制图片与文字之间的距离。
使用 CSS 中文字围绕在图片右边的时候,我们需要注意以下几点:
粉丝
0
关注
0
收藏
0