一个小问题

黄玉昆

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
body{
margin:0px;
padding:0px;
font-size:12px;
background-color:#3333CC;
text-align:center;
overflow:hidden;
}
#contain{
width:980px;
}
#image{
width:565px;
height:215px;
border:1px solid red;
}
</style>
<body>
<div id="contain">
<div id="image">
</div>
</div>
</body>
</html>

复制代码

在学习视频的过程中，为什么那个边框没有居中啊，text-align:center;怎么只是对文字有用，而对那个边框没有用？

徐升2013 · 徐升2013

抢个沙发，我承认我各种看不懂，我是来打酱油的{:soso_e133:}

贾文泽 · 贾文泽

对边框没用啊，div的位置是margin属性指定的，你了解一下盒子模型就明白了

邢义敏 · 邢义敏

text-align这个属性就是设置文本的对齐方式的，对于你所说的边框，没有看到你的代码我也不知道怎么回事

希望对你有用

刘辉 · 刘辉

这是什么？看不懂，，网页设计吗

克零岚 · 克零岚

我试了试，在IE中边框是居中的，火狐中没有而是左显示。text-align属性规定的是元素中的文本的水平对齐方式，最好的做法是设置div标签的margin属性，margin:0 auto 应用的是div水平居中对齐。如果想要div垂直居中对齐，可以这样写。div{ width:710px; height:410px; position:absolute; left:50%; top:50%; margin:-205px 0 0 -380px;}，width和height根据你的实际大小写，如果div看起来有些偏移，可以自己调整一下，margin的上值和左值。只要你调整合适了，就不用管分辨率的大小了，永远居中。
希望楼主能够清楚了一些

冯超 · 冯超

克零岚发表于 2013-3-3 20:05
我试了试，在IE中边框是居中的，火狐中没有而是左显示。text-align属性规定的是元素中的文本的水平对齐方式 ...

赞一个，我想也是

帐号		自动登录	找回密码
密码			加入黑马

一个小问题

评分

6 个回复

评分