技术人生

生如夏花之绚烂,死如秋叶之静美…

« MySQL密码忘记了怎么办?Windows和Linux下分别破解打印机或打印机任务无法删除的解决办法 »

DIV+CSS居中的方法(里面的文字不居中)

让div+css的div居中,而里面的文字不居中的做法:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml(标准化越来越近了)ns="http://www.w3.org/1999/xhtml">
<head>
<title>
做一个测试-技术仓库
</title>
<style type="text/css" rel="stylesheet">
body{
margin:0px;
}
#countainer{
margin:auto;
width:600px;
height:100%;
background-color:#cccccc;
}
</style>
</head>
<body>
<div id="countainer">
技术仓库-测试页面
</div>
</body>
</html>


事实上,这里的最关键的一个点在:countainer类的属性里的“margin:auto;”这个值!

刚才测试时,发现里面的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

非常重要。如果没有这句在IE浏览器里的显示还是居左的,在火狐和谷歌浏览器时的显示是正确的。加了这句后, 所有的浏览器显示都正确了。

如转载本站原创文章,请务必注明:[ 技术仓库 ] - http://www.hack0573.com

本文永久链接地址:http://www.hack0573.com/Website/12.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新技术

技术排行

搜寻技术

Copyright©技术仓库 2009-2010 版权所有 All Rights Reserved.

嘉兴学院南湖学院-计科N051 | Hack0573@msn.com我要啦免费统计