如何在文本之外显示文本背景颜色？

Question

我遇到了一个问题，文本字段的背景不会覆盖整个元素，但只会扩展到文本。 An example。

我希望背景颜色能够延伸到整个元素中。像这样：

编辑。我对CSS解决方案感兴趣，它适用于所有屏幕尺寸。只写 height：n px 是行不通的。

Answer 1

在课程display:table中将display:block更改为middlearea - 现在它似乎可以按照您的意愿运作。

修改：当然，删除display属性会导致相同的结果。

Answer 2

我不知道我是否完全理解你的问题，但也许你可以为你的容器设置一个min-height属性，这样无论文本有多短，它都会显示最小高度。 / p>

Answer 3

见下文，当我更改身高：时，背景也会改变：

div.text {
position: relative;
background-color: #DFDFDF;
opacity: 0.8;
padding-top: 8px;
padding-right: 52px;
padding-bottom: 8px;
padding-left: 12px;
font-family: arial;
text-align: justify;
font-size: 0.9em;
height: 150px; <--- work with this 656px seems perfect.
background-size: 100%;
}