CSS中,我们可以使用float属性来让图像靠边。float属性接受四个属性值:left、right、none、inherit,默认值为none。left表示元素向左浮动,right表示元素向右浮动,...
CSS中,我们可以使用float
属性来让图像靠边。
float
属性接受四个属性值:left、right、none、inherit,默认值为none。
left表示元素向左浮动,right表示元素向右浮动,none表示元素不浮动,inherit表示继承父元素的浮动方向。
让图像向左浮动,可以使用以下CSS代码:
img {
float: left;
}
让图像向右浮动,可以使用以下CSS代码:
img {
float: right;
}
如果需要清除浮动,可以在父元素中添加如下CSS代码:
.clearfix::after {
content: "";
display: block;
clear: both;
}
.clearfix {
*zoom: 1;
}
以上代码会给父元素添加一个伪元素,通过设置clear:both
清除元素浮动。
至此,我们就可以让图像靠边了。