html - CSS幅制限

Question

h3タグをこのように表示するにはどうすればよいですか？

ここに画像の説明を入力してください

widthとmax-widthのcssルール（例：width：120px;または150px）を適用しようとしましたが、単語が隣り合って表示されます。

なにか提案を？

score 4 · Accepted Answer

それを行う方法の1つ：

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

少なからずあると思います。

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>

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。

そのため、他の競合する CSS が適用されている可能性があります。

お役に立てれば

score 1 · Accepted Answer

1

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

于 2012-12-19T14:18:27.640 に答える

7 に答える 7