固定列表的高度和宽度

Question

我有一个包含多个列的表，其中两个显示的不是它们应该的方式。实际上我希望内容适合列。

这是我的代码

<tr> 
    <td>
       <a style="display: block" href="../workitem/view.asp?item_id=<%=workItemId%>&hometoURL=<%=Server.URLEncode(navpath & "/de/ticket/liste_ticket_pl.asp")%>"><%=Workitem%></a>
    </td>
    <td background="../../images/white-dot.gif">
        <img src="../../images/white-dot.gif" width="1" height="8">
    </td>
    <td>
        <%=WorkitemRecordset.fields("Workitem_Rel")%>
    </td>
</tr>

我得到的是，当我的href很短时，Workitem_Rel位于左侧，当href很长时，它位于右侧。

编辑：这就是我得到的

col1 col2

----- | -------

text |文本

长文字|文字            |

Answer 1

它可能来自头部。修复宽度/高度

Answer 2

试试这个CSS

table td {
   width: 30px;
   overflow: hidden;
   display: inline-block;
   white-space: nowrap;
 }