2019-08-27 |

float 浮动元素

使用CSS float,可以向左或向右推动元素,允许其他元素环绕它。

Float通常与图像一起使用,但在处理布局时也很有用。

float属性的值为left,right和none。

左右浮动元素分别在这些方向上。none(默认值)确保元素不会浮动。

下面是浮动到右侧的图像示例。

HTML:

此段落的图像浮动到右侧。 强烈建议为图像添加边距以便文本不 不要太靠近图像。如果您希望轻松阅读文本, 则应始终在单词和边框,图像 和其他内容之间添加几个像素。

CSS:

img { 
   float: right ; 
}	

结果:

元素水平浮动,这意味着元素只能向左或向右浮动,而不能向上或向下浮动。

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论