讓div+css的div居中, 而裡面的文字不居中的做法:
<!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 ">
<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瀏覽器裡的顯示還是居左的, 在火狐和谷歌瀏覽器時的顯示是正確的, 加了這句後, 所有的瀏覽器時顯示都是正