float在css是什么意思
程序员文章站
2022-01-29 07:08:20
...
在css中float的意思是“浮动”,float属性用于定义元素的浮动方向,当元素设置了float属性时,元素就会浮动在其他元素上,它会根据属性值向左、向右或者不浮动,语法为“元素{float:value;}”。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
float在css是什么意思
css中,float属性用于定义元素在哪个方向浮动,语法为“元素{float:value}”;当属性的值为“left”可设置元素向左浮动;当属性的值设置为“right”可设置元素向右浮动;当属性的值设置为“none”可设置元素不浮动。
float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。
假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。
示例如下:
<html> <head> <style type="text/css"> img { float:right } </style> </head> <body> <p>在下面的段落中,我们添加了一个样式为 <b>float:right</b> 的图像。结果是这个图像会浮动到段落的右侧。</p> <p> <img src="/i/eg_cute.gif" /> 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. </p> </body> </html>
输出结果:
(学习视频分享:css视频教程)
以上就是float在css是什么意思的详细内容,更多请关注其它相关文章!
上一篇: 深入浅析了解CSS中定位布局的细节
下一篇: css中collapse是什么意思
推荐阅读
-
这句是什么意思?小弟我在cakephp中看到的
-
[难]在smarty模板中,下面的语句可能是什么意思?解决办法
-
marginbottom在安卓中是什么意思(子元素marginBottom使用方法)
-
河北省唯一的985是什么意思?河北唯一的211大学为什么在天津?
-
marginbottom在安卓中是什么意思(子元素marginBottom使用方法)
-
div+css与xhtml+css分别是什么意思?
-
已投挡是什么意思是已被录取吗?高考志愿投档后院校在阅什么意思?
-
河北省唯一的985是什么意思?河北唯一的211大学为什么在天津?
-
在PHP中,%s与%d分别是什么意思?
-
刀厄痣是什么意思:刀厄痣到底在什么位置