css - div内のスパンと異なるフォントサイズの配置

Question

div 内に 3 つのスパンがあります。

<div class="align">
  <span class="a">Title</span>
  <span class="b">Someinfomation</span>
  <span class="c">Toright</span>
</div>

cクラスを垂直方向に整列させるには、margin-top を使用して修正する必要がありますが、IE7 では見た目が異なります。ここにオンラインサンプルがあります: http://jsfiddle.net/wZmGQ/

はい、IE7 も動作するようにします。誰かがより良い解決策を手伝ってくれたら?ありがとう

IE7ソリューションを探している人のために、ソリューションを以下に示します

マークアップを少し変更してみてください。float のあるアイテムを、float のないアイテムの前に配置します (同じ行から)。それは役立つはずです。

score 1 · Accepted Answer

floatあなたが要素であるときはいつでも、暗黙的に宣言してdisplay:blockいます。したがって、次のコードを記述すると:

.some-element {
    display: inline-block;
    float: right;
}

...これを行うのとまったく同じことです：

.some-element {
    display: inline-block;
    display: block;
    float: right;
}

...しかし、それはあまり役に立たないことに気づきました。このフィドルをチェックしてください。申し訳ありませんが、現時点では IE7 でテストできませんが、これが正しい方向に進むのに役立つかどうかを確認してください。

基本的にこれ：

.align{
    border: 1px solid black;
    line-height: 35px; /* larger than your largest font size */
}
.a, .b, .c {
    vertical-align: middle;
}

score 0 · Accepted Answer

2 に答える 2