css float属性怎么用


本文摘自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>

效果:

96ba3be296e56b7dec301b897ee3445.png

以上就是css float属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

利用纯css实现动态的文字效果实例

html css js是什么?

css怎么设置楷体

css怎么设置边框线样式

css怎么让首行文字缩进

css textarea 不可拖动如何实现

css中的弹性布局是什么

css放在html的哪里

div css怎么实现显示隐藏

css怎么去掉a的下划线

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...