画像1スパンとdivは垂直にセンタリングできません。 divにテキストを追加すると、spanとdivは中心垂直です。 のような画像2.why？
.bc {
background-color:red;
display:inline-block;
height:30px;
line-height:30px;
width:400px;
}
.tips {
height:30px;
line-height:30px;
}
<span class="tips">SO</span><div class="bc"></div>
あなたは垂直整列するためにトップにスパンが必要です。私はそれはいくつかのコードを共有するために「かなりハード」です見ての通り、私はあなたが共有した画像からコードをコピーし、そしてまた、あなたがそれ
.bc {
\t background-color:red;
\t display:inline-block;
\t height:30px;
\t line-height:30px;
\t width:400px;
}
.tips {
\t height:30px;
\t line-height:30px;
\t vertical-align:top;
}<span class="tips">SO</span><div class="bc"></div>私はit.ifを引き起こしたことを知りたいのですが、 "verti cal-align：top " – dykily
@dykily spanは' inline'要素です。 'line-height'や' height'を考慮しません。ここをクリック> https://stackoverflow.com/questions/1742525/is-there-a-way-to-set-minline-height-on-inline-element-in-cssを参照してください。インライン要素は扱いにくいビジネスです。あなたの特定の問題の修正は、スパンを一番上に揃えることです。インライン要素とその高さの詳細については、こちらを参照してください。 –
.bc {
\t background-color:red;
\t display:inline-block;
\t height:30px;
\t line-height:30px;
\t width:400px;
float:right;
}
.tips {
\t float:left;
}<span class="tips">SO</span><div class="bc"></div>
ここにあなたのコードを共有してください（動作するスニペットを作成してください）また、問題についてより具体的にしてください –
ok.next time i will – dykily