css - HTML : How to make mid-row text line up the same as other rows like "tabs"

Question

我正在尝试构建一个 HTML 签名文件并希望电话号码等对齐。

电话:(234) 567-8910
手机: (234) 567-8910
传真: (234) 567-8910
电子邮件:mike@example.com

我可以做不同大小的边距或数量  对于每一行，但在所有电子邮件客户端/网络浏览器上显示的内容并不相同。

    Phone: <span style="margin-left:12px;"><?=$phone ?></span><br/>
    Cell: <span style="margin-left:23px;"><?=$cell ?></span><br/>
    Fax: <span style="margin-left:25px;"><?=$fax ?></span><br/>
    Email: <span style="margin-left:14px;"><?=$email ?></span><br/>

随着表的折旧，我不想依赖使用一个。

它还用于电子邮件签名，因此它必须能够显示在 outlook 中(不接受 margin- 或 float 等)。

Answer 1

我可能会因为没有正确听取您的问题而受到责备，但我认为重要的是您要意识到表格并没有完全贬值，而是在依赖表格数据而不是表格数据时贬值。

在您的情况下，您的数据是表格。左侧有一列指定内容类型，右侧有一列指定值。

因此，在这种使用情况下，使用表格是完全可以接受的，这实际上就是表格的设计目的。因此，在这里使用制表符、空格或填充实际上不太有意义，因为已经有专门为此目的设计的 HTML 结构。