html - CSS 宽度限制

Question

我怎样才能让 h3 标签看起来像这样？

在此处输入图像描述

我尝试应用宽度和最大宽度 css 规则（例如宽度：120 像素；或 150 像素），但单词彼此相邻。

有什么建议吗？

score 4 · Accepted Answer

做到这一点的方法之一：

h3{
 text-transform:uppercase;
 background:green;
 color:white;   
 float:left;
 text-align:center;
 width:100px;
}

估计不止几个。

score 1 · Accepted Answer

1

<h3> SELL <br> ANYWHERE </h3>

于 2012-12-19T14:17:42.403 回答

score 1 · Accepted Answer

您需要提供更多 HTML/CSS 代码以获得更好的答案，但根据提供的信息，我认为您可能需要将h3标签设置为display: block

在此示例中，我不需要将 display 设置为block，它可以正常工作：http: //jsfiddle.net/vwwZs/

因此，也许您应用了其他一些冲突的 CSS。

希望这可以帮助

score 1 · Accepted Answer

1

<h3 style="text-align:center;">
SELL
<br>
ANYWHERE
</h3>

于 2012-12-19T14:18:27.640 回答

score 1 · Accepted Answer

text-align:center与固定宽度结合使用：http : //jsfiddle.net/wQUyR/

h3 {
    background:blue;
    display:block;
    width:70px;
    text-align:center;
}

score 1 · Accepted Answer

像这样：

<h3 style="width:120px;text-align:center;text-transform:uppercase;">Sell Anywhere</h3>

没有内联样式：

<h3 class="sell-anywhere">Sell Anywhere</h3>

h3.sell-anywhere
{
   width: 120px;
   text-alignment:center;
   text-transform:uppercase;
}

score 1 · Accepted Answer

请参阅jsfiddle，如果您提供代码，那就太好了。

<h3 style="width:100px;text-align:center;color:white;background:black"> SELL ANYWHERE </h3>

7 回答 7