Question

我这里有一个jsfiddle - https://jsfiddle.net/z9ptvz87/

我需要标题四面都有背景颜色和相同的填充。

我有点在这里工作，但它是行高，以使其工作。没有行高，它看起来像这样。

有没有更好的方法来执行此操作并在文本的左侧和右侧填充。

    *{
        font-family: sans-serif;
    }

    .block{
        margin: 50px;
        width: 400px;
    }

    .block span{
        display: block;    
    }

    h1, h2{
        background: red;
        display: inline;
        padding:10px;
        line-height: 2em;
    }

Answer 1

你考虑过BufferedOutputStream吗？如果我能正确理解它们，似乎可以解决您的问题。

请参阅https://jsfiddle.net/h7kd9yq8/

Answer 2

如果所有内容都已修复，您可以随时为span标记内的不同行包装内容并设置样式

<h2>
    <span>Sub heading Sub heading Sub</span>
    <span>heading Sub heading Sub</span>
    <span>heading Sub heading</span>
</h2>

然后在css中

h1 span, h2 span {
    float: left;
    clear: both;
    padding: 10px;
    background: red;
}

https://jsfiddle.net/z9ptvz87/14/

不确定这是否是您想要实现的目标。

CSS - 带填充的标题背景颜色

2 个答案: