0

我正在尝试将文本居中到父元素。这是我的代码。

HTML

<div class="header"><!--header-->
<span class="child">

<h1 class="h1temp">
        <div class="left">Hello</div>
        <div class="left down">There</div>
        <div class="left downer">James</div>
</h1>

</span>
</div><!--header-->

CSS

.header {
    height: 200px;
    background-color:#C0C0C0;
    position:relative;
}
.child {
    position:absolute;
    margin:50% auto;
    width:900px;
}
.h1temp {
    margin:0 auto;
    font-size: 20px;
}

问题是文本与浏览器对齐，而不是父元素。这是它目前的样子jsFiddle。

4

2 回答 2

3

我假设你想对齐h1temp。

margin: x auto仅在元素具有宽度时才有效

.h1temp {
    margin:0 auto;
    font-size: 20px;
    width: 500px;
}
于 2013-05-14T02:53:03.467 回答
0

Just write display:table; to .h1temp

于 2013-05-14T03:32:27.190 回答