小白教程
所有教程
关于
Search
172.70.178.200
172.70.178.200
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Pr class float”的源代码
本页内容
上一节:
Pr_class_display
下一节:
Pr_pos_left
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:float}}[[Category:css reference|164]] = CSS float 属性 = 让图像向右侧浮动: <sample title="" desc="" lang="html" hererun="1"> img { float:right; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</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> </run> 在此页底部有更多的例子。 == 属性定义及使用说明 == float属性指定一个盒子(元素)是否应该浮动。 '''注意:''' 绝对定位的元素忽略float属性! {| class="table table-striped table-hover" | 默认值: | none |- | 继承: | no |- | 版本: | CSS1 |- | JavaScript 语法: | object.style.cssFloat="left" |} == 浏览器支持 == 表格中的数字表示支持该属性的第一个浏览器版本号。 {| class="table table-striped table-hover" ! 属性 ! Chrome ! Internet Explorer / Edge ! Firefox ! Safari ! Opera |- | float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |} == 属性值 == {| class="table table-striped table-hover" ! 值 ! 描述 |- | left | 元素向左浮动。 |- | right | 元素向右浮动。 |- | none | 默认值。元素不浮动,并会显示在其在文本中出现的位置。 |- | inherit | 规定应该从父元素继承 float 属性的值。 |} == 更多实例 == [[try.php?filename=trycss_float4|段落的首字母浮动于左侧]] 使段落的首字母浮动于左侧,并向这个字母添加样式。 [[try.php?filename=trycss_float5|创建一个水平菜单]] 使用浮动来创建水平菜单的超链接列表。 [[try.php?filename=trycss_float6|创建无表格的首页]] 使用浮动来创建拥有页眉、页脚、左侧目录和主体内容的首页。 == 相关文章 == CSS 教程: [[css float|CSS Float]]
返回至“
Pr class float
”。
上一节:
Pr_class_display
下一节:
Pr_pos_left