css - 在表的单个 tr 中对齐三个 td

Question

我想把三个 td 放在一个 tr 中。问题是第一个 td 应该居中，另外两个 td 应该向左对齐我的意思是他们必须在第一个 td 之后显示文本。请看 jsfiddle sample code ,我希望 text2、text3、text4 应该显示在 text1 之后，有人可以帮助我吗？我该怎么做？

    <table width="100%">
<tr>
    <td style="padding-top:7px;height=10px;padding-left:37.5%;">text</td>
</tr>
<tr>
    <td align="center" width="100%">text1</td>
    <td>text2</td>
    <td>text3</td>
    <td>text4</td>
</tr>
<tr>
    <td>text5
    </td>
</tr>

Answer 1

是that你在找什么？

<table style="width: 100%;">
<tr>
    <td colspan="4">text</td>
</tr>
<tr>
    <td style="text-align: center;">text1</td>
    <td>text2</td>
    <td>text3</td>
    <td>text4</td>
</tr>
<tr>
    <td colspan="4">text5
    </td>
</tr>
</table>