Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > css float属性怎么用

css float属性怎么用

藏色散人
Lepaskan: 2019-05-27 17:36:19
asal
2745 orang telah melayarinya

css float属性用于指定一个盒子(元素)是否应该浮动,绝对定位的元素忽略float属性!

css float属性怎么用

css float属性怎么用?

属性定义及使用说明

float属性指定一个盒子(元素)是否应该浮动。

注意: 绝对定位的元素忽略float属性!

默认值: none

继承: no

版本: CSS1

JavaScript 语法:

object.style.cssFloat="left"
Salin selepas log masuk

属性值

left 元素向左浮动。

right 元素向右浮动。

none 默认值。元素不浮动,并会显示在其在文本中出现的位置。

inherit 规定应该从父元素继承 float 属性的值。

实例

让图像向右侧浮动:

<!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>
Salin selepas log masuk

效果:

96ba3be296e56b7dec301b897ee3445.png

Atas ialah kandungan terperinci css float属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan