我想知道如何将两个div放在页面的中心位置,如下所示:
divLeft | div right
|
|
|
|
谢谢:))
答案 0 :(得分:2)
.float-left
{
float: left;
}
.float-right
{
float: right;
}
.wrapper
{
width: 500px;
}
<div id="WrapperDiv" class="wrapper">
<div id="RightDiv" class="float-right">Content for right div goes here</div>
<div id="LeftDiv" class="float-left">Content for left div goes here</div>
</div>
您可以在包装类中调整宽度值以满足您的需求。
答案 1 :(得分:0)
使用float:left;
和display:inline;
,您也可以使用width:200px;
设置宽度。
答案 2 :(得分:0)
嗯,根据它的扩展程度,您可以执行以下操作:
.rightDiv
{
float: left;
margin-left: 400px; /* Or whatever */
width: 400px;
}
.leftDiv
{
float: right;
margin-right: 400px;
width: 400px;
}
我没有测试过,但基本上你想以错误的方式漂浮它们然后用边缘将它推回中心线。