私は私のhtmlで3つのインライン・ブロックがあります。HTMLのインラインブロックはまっすぐではありませんか?
<div class="top">
<div class="inline color2 player1 polygon">
<div class="title">KDZaster</div>
</div>
<div class="inline color1 round polygon">
<div class="title">Grand Finals</div>
</div>
<div class="inline color2 player2 polygon">
<div class="title">DarthArma</div>
</div>
</div>
すべての3ブロックがdisplay: inline-block
設定されているが、それらはすべて同じ行の高さを持っています。ただし、中間ブロックのフォントサイズは小さくなります。この小さなフォントサイズのため、ブロック自体は他のブロックの下に設定されているようです。
https://jsfiddle.net/7jvtog6d/
ですが、なぜでしょう:私はjsfiddleが含まれていますか?簡単な修正はありますか?
'垂直整列を使用してください:あなたの' '.inlineクラス –
ためtop' https://jsfiddle.net/7jvtog6d/1/は、あなたが探しているものである。このために?私は、 'vertical-align:bottom'をインラインクラス – user3080953
に追加しました。垂直方向のアライメントを追加すると、まだ1pxオフになっています。 –