Html 表行内的对齐方式

我知道这可能是愚蠢的简单，但我不是一个CSS的家伙。我在一个表格行中有三个文本对象，我需要在左、中、右之间留出空间。当然，我想指定它们在tr中的确切位置。以下是我的代码：

  <tr>
  <td class="stext">
  NAME <%= @cms484.person_name %>
  TITLE <%= @cms484.person_title %>
  EMPLOYER <%= @cms484.person_emp %>
  </td>
  </tr>

名称
标题
雇主

我试图通过在表格行中创建div来调整CSS，结果破坏了表格

<tr>
<td class="stext">
NAME <%= @cms484.person_name %>
TITLE <%= @cms484.person_title %>
EMPLOYER <%= @cms484.person_emp %>
</td>
</tr>

名称
标题
雇主

到

名称
标题
雇主

---

希望这对你有帮助。使用css您也可以设置，但为此，请发布您用于

的相关css。stext

，取决于

td

指定的宽度（如果有）。

好的，如果您确实不确定自己在做什么，并且据我所知，您需要这样做：

<tr>
  <td class="stext">
    <table class="equal-three-col">
      <tr>
        <td>
          NAME <%= @cms484.person_name %>
        </td>
        <td>
          TITLE <%= @cms484.person_title %>
        </td>
        <td>
          EMPLOYER <%= @cms484.person_emp %> 
        </td>
      </tr>
    </table>
  </td>
</tr>

---

为什么不把它们放在自己的专栏里呢

` <tr>
  <td class="col1">
  NAME <%= @cms484.person_name %>
</td><td class="col2">
  TITLE <%= @cms484.person_title %>
</td><td class="col3">
  EMPLOYER <%= @cms484.person_emp %>
  </td>
  </tr>`

---

如果它们是纯文本，那么你不能用CSS选择它们。它们需要在单独的元素中。太好了，谢谢。省去了我很多摸索。从未考虑过在一张桌子里摆桌子。非常感谢

.equal-three-col td {width: 33%;}

` <tr>
  <td class="col1">
  NAME <%= @cms484.person_name %>
</td><td class="col2">
  TITLE <%= @cms484.person_title %>
</td><td class="col3">
  EMPLOYER <%= @cms484.person_emp %>
  </td>
  </tr>`

.col1 {
    text-align:left;
}
.col2 {
    text-align:center;
}
.col3 {
    text-align:right;
}