国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

讓IE也支持margin居中告別text-align:center

2024-07-11 08:29:07
字體：大 中 小
來源：轉載
供稿：網友
謹以此篇獻給那些和我一樣使用 myeclipse 開發，為了在 IE 下居中一直使用 text-align:center 居中的童鞋。
廢話不多說，解決辦法是在 DOCTYPE 中加上 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"，如下一段簡單的代碼便可在主流瀏覽器中居中，包括IE6：

復制代碼
代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>margin auto</title>
</head>
<body>
<div style="width:100px;height:100px;margin: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>margin auto</title>
</head>
<body>
<div style="width:100px;height:100px;margin:auto auto;background:red;">
</div>
</body>
</html>

我是一直使用 myeclipse 開發，不管前臺后臺，因為 myeclipse 生成的 jsp 文件 DOCTYPE 文件頭不包含 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" dtd 文件，使得我一直認為 IE 不支持 margin 居中，再加上一個學 C# 的童鞋也是建議我不要一直使用 margin 居中，IE 對 auto 解析的不夠好（引用他人，非本人觀點），使得我以前都是使用 text-align 居中，想想就悲催，那多寫了多少代碼啊？不知傷了多少腦細胞，對于一個程序員而言，腦細胞多重要啊。
myeclipse 自動生成的文件頭是：

復制代碼
代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
...

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 南部县| 广宗县| 平塘县| 岳西县| 共和县| 岳阳市| 锦州市| 观塘区| 和顺县| 金溪县| 修文县| 安多县| 贡觉县| 都江堰市| 梧州市| 安阳市| 五寨县| 安多县| 潜山县| 龙江县| 韩城市| 库伦旗| 莱芜市| 霸州市| 溆浦县| 灵台县| 和龙市| 文山县| 泾源县| 奈曼旗| 恭城| 米泉市| 子洲县| 尉氏县| 宜春市| 寿阳县| 赫章县| 阳城县| 白玉县| 金平| 涿州市|