如何将td文本对齐到表格的左侧

Question

我在JSP文件中创建了一个表格，如下所示：

JSP代码：

<table style="width: 832px;" >
    <tr>
        <td style="width: 45px;text-align: left;" align="left"><%=episodeDate %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 257px;text-align: left;" ><%=careprovidername %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 260px;text-align: left;" ><%=docatorname %></td>
        <td style="width: 6px;">&nbsp;</td>
        <td style="width: 250px;text-align: left;"><%=purposeType %></td>
    </tr>
</table>

但是我得到的是显示在下面的图像中。

我的问题是，第5和第7个td数据显示得不太对齐。 此代码有什么问题？

Answer 1

在您的JSP中，您应该在一个表内循环。 根据您的代码，似乎您是在可见代码之外重新设置变量的值。 如果是这样，您将生成多个1行表。 解决方法是将Java变量设置在<table> ... </ table>标记内，为每个java对象仅创建新的TR和TD。

使用单个表，您的TD都应该按照您的意愿对齐。

<table style="width: 832px;" >
<%
MyObject o; // which has those variables
for (int i=0; i<array_size; ++i){
    o = array[i]; %>
    <tr>
        <td style="width: 45px;text-align: left;" align="left"><%= o.getEpisodeDate() %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 257px;text-align: left;" ><%= o.getCareproviderName() %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 260px;text-align: left;" ><%= o.getDocatorName() %></td>
        <td style="width: 6px;">&nbsp;</td>
        <td style="width: 250px;text-align: left;"><%= o.getPurposeType() %></td>
    </tr>
<% } %>
</table>

这里的想法是：

<table>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
</table>

因此，设置Java变量值的循环必须在<table> ... </ table>标记内，而不是之前。

Answer 2

感谢Gintas K的评论 ，我通过添加table-layout: fixed;解决了这个问题table-layout: fixed; 我的<table>的样式。