让IE也适用margin垂直居中道别text

日期:2021-03-10 类型:科技新闻 

关键词:微信小程序页面设计,python小程序,小程序首页模板,如何建立微信小程序,怎么做微信小程序

谨以此篇献给那些和我1样应用 myeclipse 开发设计,以便在 IE 下垂直居中1直应用 text-align:center 垂直居中的童鞋。
空话很少说,处理方法是在 DOCTYPE 中再加 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd",以下1段简易的编码即可在流行访问器中垂直居中,包含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⑻"/>
<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⑻"/>
<title>margin auto</title>
</head>
<body>
<div style="width:100px;height:100px;margin:auto auto;background:red;">
</div>
</body>
</html>

我是1直应用 myeclipse 开发设计,无论前台接待后台管理,由于 myeclipse 转化成的 jsp 文档 DOCTYPE 文档头不包括 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" dtd 文档,使得我1直觉得 IE 不适用 margin 垂直居中,再再加1个学 C# 的童鞋也是提议我不必1直应用 margin 垂直居中,IE 对 auto 分析的不足好(引入别人,非自己见解),使得我之前全是应用 text-align 垂直居中,想一想就悲催,那多写了是多少编码啊?不知道伤了是多少脑体细胞,针对1个程序流程员而言,脑体细胞多种要啊。
myeclipse 全自动转化成的文档头是:

拷贝编码
编码以下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
...