让IE也支持margin居中告别text-align:center
网站建设 2023-01-28 20:49www.1681989.com免费网站
谨以此篇献给那些和我一样使用 myeclipse 开发，为了在 IE 下居中一直使用 text-align:center 居中的童鞋。
废话不多说，解决办法是在 DOCTYPE 中加上 "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd"，如下一段简单的代码便可在主流浏览器中居中，包括IE6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>marg auto</title>
</head>
<body>
<div style="width:100px;height:100px;marg:auto auto;background:red;">
</div>
</body>
</html>
还有的解决办法就是使用 XHTML 文件头
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>marg auto</title>
</head>
<body>
<div style="width:100px;height:100px;marg:auto auto;background:red;">
</div>
</body>
</html>
我是一直使用 myeclipse 开发，不管前台后台，因为 myeclipse 生成的 jsp 文件 DOCTYPE 文件头不包含 "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd" dtd 文件，使得我一直认为 IE 不支持 marg 居中，再加上一个学 C# 的童鞋也是建议我不要一直使用 marg 居中，IE 对 auto 解析的不够好（引用他人，非本人观点），使得我以前都是使用 text-align 居中，想想就悲催，那多写了多少代码啊？不知伤了多少脑细胞，对于一个程序员而言，脑细胞多重要啊。
myeclipse 自动生成的文件头是
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
...
废话不多说，解决办法是在 DOCTYPE 中加上 "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd"，如下一段简单的代码便可在主流浏览器中居中，包括IE6
复制代码
代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>marg auto</title>
</head>
<body>
<div style="width:100px;height:100px;marg:auto auto;background:red;">
</div>
</body>
</html>
还有的解决办法就是使用 XHTML 文件头
复制代码
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>marg auto</title>
</head>
<body>
<div style="width:100px;height:100px;marg:auto auto;background:red;">
</div>
</body>
</html>
我是一直使用 myeclipse 开发，不管前台后台，因为 myeclipse 生成的 jsp 文件 DOCTYPE 文件头不包含 "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd" dtd 文件，使得我一直认为 IE 不支持 marg 居中，再加上一个学 C# 的童鞋也是建议我不要一直使用 marg 居中，IE 对 auto 解析的不够好（引用他人，非本人观点），使得我以前都是使用 text-align 居中，想想就悲催，那多写了多少代码啊？不知伤了多少脑细胞，对于一个程序员而言，脑细胞多重要啊。
myeclipse 自动生成的文件头是
复制代码
代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
...
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销