RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> CSS >> 文章内容
五日精通CSS层叠样式表之第三日(7)
[收藏此页[打印本页]   
来源:互联网  作者:未知  发布时间:2007-12-13

 浮动要素

我们在网页中经常看到浮动的图象和表格,只需对一个<IMG>标签使用ALIGN=left属性,文字就会绕到浮动图象的右边继续显示。样式表对于浮动要素有一个更为灵活的语法,也就是本篇中将要谈到的主题。

PHP程序员站--PHP程序员之家


(IE3和IE 4不支持本页中谈到的任何功能。如果你使用IE 4,你将会看到一些奇怪的格式。)

PHP程序员站


浮动 PHP程序员站


浮动属性使你能将一个要素周围用文字包裹,不仅仅是包裹图象,而且能包裹整块的文字。
www~phperz~.com

    H4 { float: left }

    www phperz com


本标题文字为向左浮动。


你可以看到这项CSS规则应用于<H4>的文字。而本段内容则包裹在标题文字的右下边,就象是用文字包裹图象时的效果那样。你也可以使用向右浮动的参数值。 phperz.com


如果浮动要素周围的边距太小,你可以使用之前学过的空格填充属性给它加大四周的空间(但似乎使用边距会造成问题)。 PHP程序员站


清除 phperz.com


如果你想使一段文字包裹某一要素,而下一段文字不包裹,你可以使用clear属性,很象HTML的CLEAR属性的用法(例: CLEAR=right)。
www phperz com

    P { clear: left }

    PHP程序员站


第1、2段文字包裹了向左浮动的第1幅图象。

phperz.com


而使用了清除(clear)属性后,第4、5段文字中只有第4段包裹了图象,而第5段文字没有包裹。 PHP程序员站--PHP程序员之家


 上一篇:五日精通CSS层叠样式表之第三日(6)   下一篇:五日精通CSS层叠样式表之第三日(8)
 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 mysql  基础  php基础  url
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长