将三个td对齐在表格的单个tr中

时间:2014-03-17 12:26:12

标签: css

我试图把三个td放在一个tr里面。第一个td应该居中,另外两个td应该左对齐我的意思是他们必须在第一个td之后显示文本。请看jsfiddle样本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>

1 个答案:

答案 0 :(得分:0)

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>