Question

我需要完美地对齐“第一个文字”和“第二个文字”。第二个文本在表格内。我需要它来使我的程序使用我稍后将添加的函数。我的垂直对齐时间很糟糕，根据我使用的浏览器，它给出了不同的结果。我做错了什么，或者这是每个浏览器给出不同结果的东西。

使用Microsoft Edge和IE10，对齐非常完美。它没有使用Chrome，Mozilla和Opera完全对齐。

代码是

<!DOCTYPE html>
<html>
<head></head>

<body style="font-size:18pt"><br><br>

    <span>  text number one

        <table style="margin:0; padding:0; border:0; border-spacing:0; vertical-align:text-bottom; display:inline-table">
            <tr>
                <td style="padding:0">
                    text number two
                </td>
            </tr>
        </table>
    </span>
</body>
</html>

Answer 1

尝试vertical-align:baseline;，但在td上，而不是在table上（并从vertical-align:text-bottom;标记中删除table）。

这是一个codepen：http://codepen.io/anon/pen/yOpzdK

与文本和表格完美对齐

1 个答案: