比如,大家想让一张图片与文本并排显示,可以使用如下CSS代码:
img { float: left; margin-right: 10px; }
上述代码中,大家设置了img元素的浮动方向为左侧(float: left),并设置了右侧间距为10px(margin-right: 10px)。
这样,图片就会自动向左浮动,与文本并排显示出来。
除了左浮动外,还可以设置为右浮动,代码如下:
img { float: right; margin-left: 10px; }
同样,上述代码中,大家设置了img元素的浮动方向为右侧(float: right),并设置了左侧间距为10px(margin-left: 10px)。
通过这些浮动样式,大家可以灵活地控制网页元素的布局,达到更好的视觉效果。