css3中float属性的用法是什么

css中,float属性用于定义元素在哪个方向浮动,语法为“元素{float:value}”;当属性的值为“left”可设置元素向左浮动;当属性的值设置为“right”可设置元素向右浮动;当属性的值设置为“none”可设置元素不浮动。

创新互联专业为企业提供中方网站建设、中方做网站、中方网站设计、中方网站制作等企业网站建设、网页设计与制作、中方企业网站模板建站服务,十载中方做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3中float属性的用法是什么

float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。

该属性的属性值如下:

示例如下:

在下面的段落中,我们添加了一个样式为 float:right 的图像。结果是这个图像会浮动到段落的右侧。

This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.

输出结果:

(学习视频分享:css视频教程)


本文名称:css3中float属性的用法是什么
分享链接:http://bzwzjz.com/article/cppcec.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都品牌网站建设 教育网站设计方案 成都网站建设 重庆网站制作 成都网站建设公司 高端网站设计推广 高端品牌网站建设 成都网站设计 成都网站设计公司 商城网站建设 移动手机网站制作 温江网站设计 成都网站制作 成都营销网站制作 四川成都网站制作 网站建设 成都网站制作 重庆外贸网站建设 成都网站设计 泸州网站建设 手机网站制作设计