0

<p>在一个元素中有两个元素<div>,并希望将它们定位在<div>元素的中心。例如

<div id="mydiv">
   <p class="above">some text</p>
   <p class="below">other text</p>
</div>

注意:<div>元素本身并不定位在浏览器窗口的中心,所以<p>元素的定位只是相对的。

4

4 回答 4

1

编辑:

添加以下css规则#mydiv

display:table-cell;
vertical-align:middle;

像这样

#mydiv{
    position:relative;
    border:1px solid #000;
    width:400px;
    height:300px;

    display:table-cell; /* Added rule - Note: IE8+, Firefox, Chrome, Opera, Safari */
    vertical-align:middle; /* Added rule */
}

#mydiv p{
    text-align:center;
}​

更新的演示

于 2012-08-15T05:56:31.110 回答
1
text-align: center;

为文本。

margin: 0 auto;

对于像 div 这样的块级元素。

于 2012-08-15T05:58:15.623 回答
0
text-align: center;

它对我有用。

于 2012-08-15T05:55:42.453 回答
-1

你可以试试;

margin-left:auto;
margin-right:auto;

给你的p

是一个现场演示

如果你想垂直和水平居中,你可以试试Dead Center

是一个演示,显示垂直和水平

于 2012-08-15T05:54:25.040 回答