html - 多行单词之间的相同空格

Question

我想这个问题很容易解决，但我不知道要搜索什么..

我希望多行中的单词之间始终保持相同的空格。就像隐形桌子一样，但我想避免使用桌子。

例子：

01.01.1999       Text
02.01.1999       Text gdfgf
03.01.99         Text gfghdh

你会怎么做？

PS：我需要一个适用于每一行的解决方案，因为数据是通过服务器端脚本每行传递的。

Answer 1

您可以使用<pre>标签，除非您在每一行中寻找特殊格式。在这种情况下，描述可能会列出<dl>另一个选项。

<pre>
01.01.1999       Text
02.01.1999       Text gdfgf
03.01.99         Text gfghdh
</pre>

Answer 2

从技术上讲，您可以在要填充的文本周围放置一个跨度（具有相同的类），并为跨度提供相同的宽度，以便将其他文本推出。例如：

span{
width:100px;
display: block;
float:left;
}