Html div容器背景图像

我创建了一个div容器。此容器应获得背景图像。图像为1200 x 64像素。如果我在div容器中写入了一些内容，则应完整显示一张图片。如果我在70px的高度上写文本，两张图片应该完全显示出来。目前，我必须给集装箱定一个高度

以下是+和代码：

*{
边际：0px；
填充：0px；
}
.div_mit_背景{
右边距：自动；
左边距：自动；
宽度：1200px；
背景图像：url（'http://img3.fotos-hochladen.net/uploads/background7j0b6tzhl1.png');
高度：200px；
}
p{
左边距：64px；
颜色：白色；
填充顶部：20px；
}

这里有一些内容。

如果您只想在出现新行时显示完整的背景图像，一种可能的解决方案是执行以下操作：

• 从p标签的CSS中删除

  填充顶部

• 将其添加到p标签的CSS中：

  行高：64px以便线条的高度与背景图像的高度相同，并且显示一个或两个图像（而不是一个半等）

这里是更新后的CSS for p标签

p{
    margin-left: 64px;
    color: white;
    line-height:64px;
}

对于左边或右边的填充或边距，您可以随意设置

不要忘记将

.div\u mit\u background

的高度设置为

height:auto而不是200px

希望有帮助。
这是背景重复属性，还是更复杂的属性？如果是更复杂的事情（如果您希望元素高度始终为x*64px，则必须使用javascript…或设置行高度…是的，没错。有那么多代码是用javascript编写的吗？但我不确定他是否希望在他的段落中有64px的行高度。我同意，这可能不是最好的解决方案，但是迄今为止我发现的唯一一个没有使用JS的解决方案。@Sketpar:如果你同意我的观点，我会这样做。）uld确认这是否适用于您，以便我可以同时寻找其他解决方案。嘿！感谢您的回答和评论：）这是真的，我不想有一个64px的行高。也许你可以帮助我使用JavaScript？或者你能给我一些关键字吗？然后我可以自己搜索。但是你也可以帮助我：D@Skeptar当然，我很乐意。你能解释一下这是什么类型的文本吗？你能不能：-缩小背景图像-或者，放大文本？因为这些是最简单的解决方案，如果不是，我会为您找到一个JS解决方案！：）@Skeptar，我正在查看您的页面。你试过线高为32px的图案吗？因为你的图案看起来很棒，看起来也不像那种尺寸：）试试吧，让我知道。