我<p>
在一个元素中有两个元素<div>
,并希望将它们定位在<div>
元素的中心。例如
<div id="mydiv">
<p class="above">some text</p>
<p class="below">other text</p>
</div>
注意:<div>
元素本身并不定位在浏览器窗口的中心,所以<p>
元素的定位只是相对的。
编辑:
添加以下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;
}
text-align: center;
为文本。
margin: 0 auto;
对于像 div 这样的块级元素。
text-align: center;
它对我有用。
你可以试试;
margin-left:auto;
margin-right:auto;
给你的p
这是一个现场演示
如果你想垂直和水平居中,你可以试试Dead Center
这是一个演示,显示垂直和水平