html - float：rightスタイルをボタンに適用すると、隣接するテキストとの垂直方向の配置が乱れます。

Question

表のセルにテキストとボタンを配置したい。ボタンは右揃えにする必要があります。ボタンにfloat：rightスタイルを適用すると、垂直方向の配置が悪くなります。何か助けはありますか？

これがfloatのないjsfiddleです：右、垂直方向の配置はここで問題ありません： http: //jsfiddle.net/5GRHL/2/

これがfloat：rightが適用されたjsfiddleです： http： //jsfiddle.net/5GRHL/3/

score 2 · Accepted Answer

最も簡単な解決策は、ボタンに固定の高さを設定し、同じ高さを行の高さとしてテキストに適用することだと思います。このようなもの：

td
{
    height:50px;
    width:80px;
    vertical-align:middle;
    line-height: 22px;
}
td button 
{
    float:right;
    height: 22px;
}

フィドルを更新しました：http://jsfiddle.net/5GRHL/26/

score 1 · Accepted Answer

最も簡単な解決策 (ただし、最もクリーンではないかもしれません) は、ボタンを再配置することだと思います。

次のようなものを試してください：

button {
  margin-top: -4px;
  float: right
}

score 0 · Accepted Answer

float:right を使用して、位置合わせを修正することができます: http://jsfiddle.net/5GRHL/23/

3 に答える 3