0

如何在不为 .headline 设置宽度的情况下将 div 标题居中并使其长度与内部文本（我的标题）一样宽。

<div class="sidebar">

    <div class="headline"><p>My title</p></div>

</div>

现在我正在使用这个 css，但是“我的标题”是由 php 生成的并且长度不同：

.headline {
    width: 5em;
    background: #900;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    line-height: 2em;
    border: solid 1px #555;
    border-top: none;
    padding: 0;
    margin: 0 auto
}

谢谢

4

2 回答 2

1 
.sidebar {
  text-align: center;
}
.headline {
  display: inline-block;
}
于 2012-09-04T07:38:16.733 回答
0

像这样写：

.sidebar{
 text-align:center;
}
.headline {
    background: #900;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    line-height: 2em;
    border: solid 1px #555;
    border-top: none;
    padding: 0;
    display:inline-block;
    *display:inline; /*For IE7*/
    *zoom:1; /*For IE7*/
}
于 2012-09-04T07:38:52.607 回答