css教程(21):css float浮动

2017年05月10日 08:37 | 157次浏览 | 分类: css教程 作者原创 版权保护

一个在大型网站常见的格式,就是将文字绕著一个图案显现。这是用 float (浮动) 这个属性来达成的。

float 属性有三个可能的值:left、right、和 none。来看看以下的例子:


例 1:若有以下的 CSS 案例,

#leftfloat { 
  float:left; 
}

那以下的 HTML 码,

<span id="leftfloat"><img src="yp.jpg"></span>
这个例子是用来显示 float:left 会如何影响整个页面的呈现。在这裡,图案浮动于左边。

就会显现为,

例 2:若有以下的 CSS 案例,

#rightfloat { 
  float:right; 
}

那以下的 HTML 代码

<span id="rightfloat"><img src="yp.jpg"></span>
这个例子是用来显示 float:right 会如何影响整个页面的呈现。在这裡,图案浮动于右边。


此文章本站原创,地址 http://www.vxzsk.com/902.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程