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 回答