繁体中文
设为首页
加入收藏

推荐

公告

推荐文章
· CSS样式 14个高级技巧精选
· 一行代码杜绝iframe挂马
· css如何控制页面居中
· 与表格边框有关的CSS语法
· 多个CSS样式表争夺特定选...
· XHTML入门学习教程:框架...
· DIV+CSS布局实例:各种2栏...
· 左中右3栏布局中最先显示...
· 最小高度100%页脚保持在...
· CSS初级入门(1):整体布...
热点文章
广告

当前位置:网络首页 >> 网页制作 >> html/css >> css如何控制页面居中

css如何控制页面居中

2008-02-29 11:13:25  作者:  来源:互联网  浏览次数:35  文字大小:【】【】【
简介:主要的样式定义如下:body {TEXT-ALIGN: center;}#center {MARGIN-RIGHT: auto;MARGIN-LEFT: auto; }说明:首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经 ...
主要的样式定义如下:
body {TEXT-ALIGN: center;}
#center {
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
}

说明:
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”

完整举例代码如下:



相关文章