首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
在IE与FF中如何居中的css写法
时间：2008/5/13 23:52:50
IE方法：<body style="text-align:center;">
<body> 标记内的内容居中。
非IE方法：<div style="margin-left:auto;margin-right:auto;"></div>
<div> 标记的左右边距自动适应，以达到居中效果。
标准推荐的CSS使用方法是后者，IE的那套是非标准的。
不过在IE6中使用标准的DTD声明（xhtml版本），也能使用margin:0 auto;方法达到居中效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> .ie { text-align:center; width:100%; } /* IE居中 */ .ie div { width:200px; border:solid 1px #999; } .pr { margin:0 auto; width:200px; border:solid 1px #f00; } /* 标准居中 */ </style> <title>居中</title> </head> <body> <div class="ie"> <div>IE居中</div> </div> <hr /> <div class="pr">标准居中</div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
上一篇：
javascript横排竖排标准选项卡效果代码
下一篇：
网页中Span和Div的区别
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
IE请求无响应，服务器报异常字符-RFC7230/3986的解决办法
·
ie浏览器input框会出现小叉叉的问题怎么解决？
·
iview Tooltip换行及渲染的解决方案
·
在Ionic开发中，上传图片功能的代码实现讲解
·
IE6 BUG问题的解决方法
·
IE8下，iframe中使用art.dialog.open打开弹出层，出现第一次点击无法获取焦点问题
·
CSS IE6 重复字符Bug详细介绍
·
解决IE下返回json数据提示文件保存到问题解决
·
CSS IE的hasLayout详解
·
iview table高度动态设置讲解
返回顶部
