介绍
这篇文章主要介绍了css3中浮动属性怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
css中,浮动属性用于定义元素在哪个方向浮动,语法为“元素{:浮动值}”;当属性的值为“左”可设置元素向左浮动;当属性的值设置为“正确”的可设置元素向右浮动;当属性的值设置为“没有”可设置元素不浮动。
本教程操作环境:windows10系统,CSS3&, HTML5版,戴尔G3电脑。
浮动属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在css中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
如果浮动非替换元素,则要指定一个明确的宽度,否则,它们会尽可能地窄。
假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。
该属性的属性值如下:
& lt; html>
& lt; head>
& lt; style 类型=拔谋?css"比;
img
{
浮:对
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; p>在下面的段落中,我们添加了一个样式为,& lt; b>浮动:right,的图像。结果是这个图像会浮动到段落的右侧。;/p>
& lt; p>
& lt; img src=https://www.yisu.com/zixun/"/我/eg_cute.gif "/>
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
身体
