Javascript 与表格中的文本进行完美对齐_Javascript_Html_Css_Vertical Alignment

Javascript 与表格中的文本进行完美对齐

javascript html css

Javascript 与表格中的文本进行完美对齐,javascript,html,css,vertical-alignment,Javascript,Html,Css,Vertical Alignment,我需要完全对齐“文本编号1”和“文本编号2”。第二个文本在表中。我需要它是这样，使我的程序工作的功能，我会添加以后。我在使用垂直对齐时遇到了麻烦，因为它会根据我使用的浏览器给出不同的结果。是我做错了什么，还是每个浏览器都会给出不同的结果使用Microsoft Edge和IE10进行校准是完美的。使用Chrome、Mozilla和Opera无法完全对齐代码是 <!DOCTYPE html> <html> <head></head> <b

我需要完全对齐“文本编号1”和“文本编号2”。第二个文本在表中。我需要它是这样，使我的程序工作的功能，我会添加以后。我在使用垂直对齐时遇到了麻烦，因为它会根据我使用的浏览器给出不同的结果。是我做错了什么，还是每个浏览器都会给出不同的结果

使用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>





第一条文本
第二条

尝试垂直对齐：基线，但在

td

上，而不是在

表上（并从表
标记中删除垂直对齐：文本底部；
）
这里有一个代码笔：
这几乎不是表格数据，所以首先不应该使用表格。“我需要这样做，使我的程序能够使用我稍后添加的函数”——如果您还没有编写这些函数，那么您应该能够使用一个从语义上更合理的HTML结构。它可能会自动解决对齐问题。（如果你真的有一个真正有效的理由使用表格，那么请更详细地描述你试图实现的目标。）根据我对CSS的知识，文本应该对齐。。。问题是。。浏览器是否没有显示它应该显示的内容。。。就像我说的，有些浏览器会对齐，有些则不会。。。如果我的代码出了问题，你如何使这些文本在所有浏览器中对齐…是的，我需要它成为一个表格。这些函数已经编写好了，但它是一个非常大的程序，而且这些函数不是我的问题的重点。可能是由于应用于表元素的默认边距/填充。使用浏览器的开发工具进行调查。我将删除span标记。它强制标记之间的所有对象水平（同一条线）对齐。看起来你应该建一张满桌的桌子。他们对细节很挑剔，但会给你你想要的。现在我看到了1/2的桌子，但我不确定这是否有效。为什么不让它成为一张满桌的桌子呢。我看到了1/2表，不确定它将如何与所有浏览器一起工作。“span”标记只用于内联元素。你知道了，伙计。。。非常感谢。。。这一切都很完美browsers@Pablo嗨，巴勃罗，不客气！如果有效，请将我的答案标记为正确