1

まず第一に、これは私が達成したいことと同様にガイドラインです：

ここに画像の説明を入力してください

100％似ている必要はありませんが、各EndOfLineに少なくとも1つのスペースを指定する必要があります。さて、これは私がそれをやろうとすると何が起こるかです：

ここに画像の説明を入力してください

ご覧のとおり、1行目の終わりと2行目の始まりには、境界線にスペースがありません。一方、1行目の先頭と2行目の末尾には、スペースがあります。

これが私のHTMLとCSSのマークアップです。

<div class="headline-h2">
<h2>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod    tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</h2>
</div>


h2 {
background-color: #000000;
clear: left;
color: #FFFFFF;
display: inline;
float: left;
font-size: 14px;
font-weight: normal;
padding: 4px;
position: relative;
}

.headline-h2 {
float: left;
margin-bottom: 28px !important;
width: 100%;
}

私はすでにいくつかのことを試しましたが、私の人生のためにこのことを解決することはできません。また、テキストは可変であるため、顧客が望む場合はまったく異なるものになる可能性があることも付け加えておきます。また、インライン要素にはこれが明示的に必要であると言う必要があります。私はそれがブロックで動作することを知っています。

4

1 に答える 1

1

paddingに追加してみませんかh2：

h2 {
    background-color: #000000;
    clear: left;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    padding-left: 5px;
    padding-right: 5px; 
}
于 2013-03-25T10:01:02.217 に答える