#container {
width: 960px;
margin-left: auto;
margin-right: auto;
height: auto; }
#large_box {
text-align: center;
width: 960px;
margin-left: auto;
margin-right: auto;
height: auto; }
#searchbcid {
position: absolute;
left: 400px;
margin-left: 50px;
top: 280px; }
#createbcid {
position: absolute;
margin-left: 250px;
top: 280px;
left: 550px; }
#loginpos {
position: absolute;
margin-left: 20px;
left: 30px;
top: 280px; }
在我的html中有一个名为container
的div。所有其他div
都放在容器中。
另一个div,即large_box
,其中包含其他3个div
,例如loginpos
,searchbcid
,createbcid
。
但我无法居中对齐div
large_box
。
我如何居中对齐?
答案 0 :(得分:0)
仅在您的css中使用
margin:0 auto;
如果div有一些宽度,那么它将自动在所提供宽度的中心对齐。
快乐的编码......
答案 1 :(得分:0)
CSS:
#wrapper_div{
width:500px;
height:500px;
}
#inner_div{
width:200px;
margin:0 auto;
}
HTML:
<div id="wrapper_div">
<div id="inner_div">
Centred content here!
</div>
</div
答案 2 :(得分:0)
这适合我。
<强> CSS 强>
div#center{
width:250px;
margin:0 auto;
background-color:yellow;
}
/* To support IE */
div#parent{
align:center;
}
<强> HTML 强>
<div id="parent">
<div id="center">
I'm in the middle!
</div>
</div>
答案 3 :(得分:0)
尝试将边距设置为0自动,它会使元素在指定宽度的容器内水平居中。
#large_box {
text-align: center;
width: 960px;
margin: 0 auto;
height: auto; }
答案 4 :(得分:0)
将此css用于div。它将水平居中。
#large_box {
width: 960px;
margin: 0 auto;
}