0

<h1>長いテキストの見出し（ ）があります。テキストが1行に収まらないため、ブラウザは行を分割します。ただし、見出しの高さはスケーリングされません。つまり、改行のない見出しは、改行のある見出しと同じ高さになります。私は常に見出しのすべてのテキストの後ろにあるはずの背景画像を使用しています。ただし、高さがスケーリングされないため、暗黙の改行のある見出しはぎこちなく見えます。背景は最初の行の後ろにあるだけで、2番目の行には背景がまったくありません。見出しが拡大縮小されないのはなぜですか。また、どのように拡大縮小できますか？

4

3 に答える 3

1

スケーリングします: http://jsfiddle.net/charlescarver/uUpqL/

私の推測では、<h1>タグに高さを設定しているか、背景画像がストレッチで繰り返されていません。

于 2012-09-04T20:32:39.657 に答える
1

デフォルトでは、ここの背景スケールは単純な例です

<html>
<style>
    h1 { width: 5em; background-color: #EFA; }
</style>
<body>
<h1>A very long title which cannot enter into only one line!</h1>
</body>
</html>

今、あなたを助けるために：

  • h1 {background-repeat: y-repeat;}CSS で を正しく設定していない可能性があります。または
  • h1 の高さを強制した可能性があります:h1 { height: 20px; }異なる高さを管理できるようにしたい場合、これは間違っています。
于 2012-09-04T20:32:53.253 に答える
0

さて、あなたh1が1行だけを持っていると仮定すると:

h1 {
    white-space: nowrap;
}

h1を 1 行だけにして、特定の幅に収めたい場合は、次のようにします。

h1 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
于 2012-09-04T20:32:53.510 に答える