HTML固定字距离?

时间:2014-11-20 08:52:57

标签: html

我是一个必须设置一个小型网络应用程序的HTML菜鸟。

我想要在我的页面上显示的内容基本上是两行,例如:

The car drove
DT  NN  V

两行都有相同的单词数。我想将第二行的单词与第一行中的相应单词对齐 - 非常类似于堆栈溢出的自动标记现在提供它。我怎样才能在HTML中实现这一目标?

2 个答案:

答案 0 :(得分:2)



.tg  {border-collapse:collapse;border-spacing:0; border:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

<table class="tg" border="0">
  <tr>
    <th class="tg-031e">The</th>
    <th class="tg-031e">car</th>
    <th class="tg-031e">drove</th>
  </tr>
  <tr>
    <td class="tg-031e">DT</td>
    <td class="tg-031e">NN</td>
    <td class="tg-031e">V</td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

试试这个..

<table border="0">
  <tr>
    <td>The</td>
    <td>car</td>
    <td>drove</td>
  </tr>
  <tr>
    <td>DT</td>
    <td>NN</td>
    <td>V</td>
  </tr>
</table>