居中对齐td,而不是文本长度

时间:2014-03-21 07:39:32

标签: html css html-table center

如何对齐td标签而不是居中整个文本长度? 例如:

<tr>
<td>testtest</td>
<td>testtest</td>
<td>Centered</td>
<td>test</td>
<td>test</td>
</tr>

在居中的td之前的2 <td>有更长的文字长度,所以如果我对齐<tr>它不会使中间<td>居中,是否可以忽略文字长度,只看<td>&#39;

4 个答案:

答案 0 :(得分:3)

试试这个:

 <td style="text-align: center;">

答案 1 :(得分:1)

尝试将text-align:center; CSS属性添加到td

td{
 text-align:center;
}

答案 2 :(得分:0)

尝试这个

<强> HTML

<table >

    <tr>
<td>testtest</td>
<td>testtest</td>
<td class="center">Centered</td>
<td>test</td>
<td>test</td>
</tr>

</table>

<强>的CSS

table {
    width:100%;border:solid 1px red;    
}
td{width:15%;}
.center{width:40%;background:green;}

<强> Demo

答案 3 :(得分:0)

您需要定义td的宽度:

td{
    text-align: center;
    color: red;
    border: 1px solid red;
    width: 200px;
}

demo