0

これは、ここにある Q&A のフォローアップです。

スパンの中間行内のパディングを制御する方法はありますか? 説明するのはちょっと難しいですが、私のフィドルがデモンストレーションに役立つかもしれません。そのため、テキストが 3 行にまたがる場合、最初の行の先頭と最後の行の終わりにパディングを追加して、スパンの CSS にパディングを追加できます。しかし、真ん中の行のテキストは背景色に隠れています。

最初と最後のように、中間行にパディングを入れることはできますか?

目標は次のような外観です。

<h1>
<span>I can pad the beginning of the first line and end of the last line, but middle lines hug the edge!</span>
</h1>

h1{
    width:350px;
    margin: 5px;
    text-align: center;
}
h1 span
{
    background-color: #5577aa;
    color: #fff;
    line-height:32px;
    padding: 5px 25px 5px 35px;
    -moz-border-radius: 13px;
    font-size: 12pt;
    font-weight: bold;
    font-family: 'Arial', sans;
    text-align: center;
}
4

1 に答える 1

4

HTML 要素は実際にはそこで終わらないため、word-wrap に border-radius または padding を任意に追加することはできません。図にあるものが必要な場合は、3 つの要素を使用する必要があります。

于 2012-05-25T15:53:31.100 に答える