0

我有一个<h1>带有长文本的标题 ( )。由于文本不适合一行，浏览器会换行。但是，标题的高度不会缩放，即没有换行符的标题与有换行符的标题具有相同的高度。我使用的背景图片应始终位于标题的所有文本后面。但是由于高度没有缩放，带有隐式换行符的标题看起来很尴尬：背景仅在第一行之后，第二行根本没有背景。为什么标题不缩放，我怎样才能使它缩放？

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只有一行：

h1 {
    white-space: nowrap;
}

如果您希望h1只有一行并包含在给定宽度内：

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