本文摘自PHP中文网,作者藏色散人,侵删。
css float属性用于指定一个盒子(元素)是否应该浮动,绝对定位的元素忽略float属性!css float属性怎么用?
属性定义及使用说明
float属性指定一个盒子(元素)是否应该浮动。
注意: 绝对定位的元素忽略float属性!
默认值: none
继承: no
版本: CSS1
JavaScript 语法:
1 | object.style.cssFloat= "left"
|
属性值
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动,并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
实例
让图像向右侧浮动:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<title></title>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中,我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img src= "logocss.gif" width= "95" height= "84" />
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>
|
效果:
以上就是css float属性怎么用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
利用纯css实现动态的文字效果实例
html css js是什么?
css怎么设置楷体
css怎么设置边框线样式
css怎么让首行文字缩进
css textarea 不可拖动如何实现
css中的弹性布局是什么
把css放在html的哪里
div css怎么实现显示隐藏
css怎么去掉a的下划线
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css float属性怎么用