RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站
 当前位置:主页 >> 网页制作 >> CSS >> 文章内容
水平对齐(text-align)
[收藏此页[打印本页]   
来源:互联网  作者:未知  发布时间:2007-12-22

phperz~com


  要使<div id=” wrap”>在浏览器内居中,则需要设置CSS如下:

php程序员站

以下为引用的内容:
body {
text-align: center;  /* 在IE内居中 */
}
#wrap {
width: 90%;  /* 设定宽度才能显示出居中的效果。*/
margin: 0 auto;  /* 在Firefox及Opera等浏览器内居中。*/
}

phperz~com

  此时在浏览器内浏览,页面内的元素都将居中显示,如图7所示。

图7 浏览器内页面整体居中
www.phperz.com


  注意:此时页面内所有的文本都继承<body>的的设定而居中显示,因此实际应用中,可以再设定wrap层的对齐方式为左对齐

www~phperz~com


上一页12下一页
 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 mysql  基础  adodb  url
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长