上节课我们学习了如何向页面添加图片。而且学会了如何让图片居中对齐。
不过有的时候我们更希望图片是文字的一部分,想要被文字包裹的感觉。不希望是它居中对齐。
比如图片在左侧,右面被文字包裹。

Bingo! 可以通过float属性和边距属性来实现。

float属性

float 属性定义元素往哪个方向浮动。
以往这个属性应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。
浮动元素会生成一个块级框,而不论它本身是何种元素。
这次讲如何让图片浮动。以后的课程我们会让所有元素都可以浮动。

float属性有四个值:
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动,并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。

这节课的内容是不是很简单?

相关英语:
float = 浮动、漂浮、游荡