Html 中float属性值额用法

html-css09

Html 中float属性值额用法,第1张

float一般用作css里面;

即使在HTML出现,也是出现在div框架或者行内css里面的。

一般来讲是这样的<span="float:值">;

限定某块的浮动情况,值通常为:right、left等方向型元素。

float 属性定义元素在哪个方向浮动。

其属性有:

float:left;

float:right;

float:none;

float:inherit;

--------------------------------

left 元素向左浮动。

right 元素向右浮动。

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

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

-------------------------------------------------------------

clear 属性定义了元素的哪边上不允许出现浮动元素。

其属性有:

left 元素向左浮动。

right 元素向右浮动。

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

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

1、 html中调整位置使用css的float属性。详细用法首先在html文件中新建两个div容器,用来方便演示效果,容器中都加入h2标签,设置不同文字便于区分:

2、div标签给它在style标签设置class属性的样式,给它高度和宽度以及颜色,h2标签一个使用float属性,另一个不使用。这里float标签的作用可以让文字居左或者居右显示,也可以设置为空,最后Crtl+S保存文件:

3、打开浏览器,可以看到两个div中的文字位置并不相同,设置了float标签的文字在靠右的位置。以上就是html调整文字位置的方法: