Html 如何使单元格文本向左对齐？

我正在用HTML和CSS制作一个表格，但我似乎无法让特定的单元格将文本向左对齐

这是我的桌子：

<table>
        <tr class="l0">
            <th rowspan="2">Employer/Employee Group</th>
            <th colspan="2">Duty</th>
            <th rowspan="2">Experience (Years)</th>
            <th rowspan="2">No. Of People</th>
            <th colspan="5">Responsibilities</th>
        </tr>
        <tr class="l0">
            <th>Permanent Duty</th>
            <th>As Required</th>
            <th>Job Training</th>
            <th>Product Quality</th>
            <th>Retention</th>
            <th>Human Resources</th>
            <th>Special Projects</th>
        </tr>


        <tr class="l2">
            <th colspan="10">US Army - Colorado Army National Guard</th>
        </tr>
        <tr class="l1">
            <td>Technicians/Soldiers</td>
            <td>*</td>
            <td></td>
            <td>3</td>
            <td>2 - 6</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td></td>
            <td>*</td>
        </tr>


        <tr class="l2">
            <th colspan="10">SPEC, Inc.</th>
        </tr>
        <tr class="l1">
            <td>Administrative Staff</td>
            <td></td>
            <td>*</td>
            <td rowspan="4">5</td>
            <td>2</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Engineers and Scientists</td>
            <td></td>
            <td>*</td>
            <td>5</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Technicians</td>
            <td>*</td>
            <td></td>
            <td>4</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Contract Technicians</td>
            <td>*</td>
            <td></td>
            <td>> 20</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>

        <tr class="l2">
            <th colspan="10">Radtec Engineering, Inc.</th>
        </tr>
        <tr class="l1">
            <td>Administrative Staff</td>
            <td></td>
            <td>*</td>
            <td rowspan="4">4</td>
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Engineers</td>
            <td></td>
            <td>*</td>
            <td>2</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Technicians</td>
            <td>*</td>
            <td></td>
            <td>7</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Contractors</td>
            <td>*</td>
            <td></td>
            <td>1</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>
    </table>

是否默认情况下表格标题标记居中

是否默认情况下表格标题标记居中

居中（水平和垂直）元素的内容是以下建议的一部分：

可视化用户代理通常以粗体字体在单元格内垂直和水平居中呈现TH元素

要左对齐，只需在CSS中添加以下内容：

th {
    text-align: left;
}

您还可以执行以下操作：

<td style="text-align:left">

您试过了吗

<td align="left>...</td>

---

您指的是哪些单元格？他们似乎都是左对齐的：非常过时的信息：-/你可能会将此添加到HTML中数千次，而不是
td{text align:left；}
到css中？事实上，我误读了他的代码，所以我认为他尝试了此解决方案。不建议为此使用样式属性，为什么不直接使用css呢？style属性只是为了完整性。考虑到问题中CSS的结构，我预计OP会使用CSS。这是一种糟糕的做法，除非javascript将其放在那里，即使这也不是最好的方式（类更好），它将表示信息放在标记中是的，我理解。我更喜欢CSS方法，并且自己使用它。我相信OP和其他人会理解其中的区别。你是说你的偏好是保留信息吗？是的，如果这不是一个好主意，比如在一些已经被证明会导致各种问题的事情中，并且通常不会被那些正在编写最佳实践的人建议
<td align="left>...</td>