如果我有一个<table>,第一个<td>靠右对齐,第二个<td>靠左对齐，该怎么写CSS啊。

html-css014

如果我有一个<table>,第一个<td>靠右对齐,第二个<td>靠左对齐，该怎么写CSS啊。,第1张

1、要么分别对TR下面的第一个TD设置text-align:right第二个TD设置text-align:left

2、用jQuery获取每一个TR下面的奇数（ODD）TD和偶数（EVEN）TD，然后分别设置属性

你编写表格的时候可以这样：

把第一列变成th

，这样就可以方便的控制了。

例如：三行三列的表格可以这样写：

<table>

<tbody>

<tr>

<th></th>

<td></td><td></td>

</tr>

<tr>

<th></th>

<td></td><td></td>

</tr>

<tr>

<th></th>

<td></td><td></td>

</tr>

</tbody>

</table>

或者你可以分别设置不同的类来达到控制的目的。

CSS可以这样写

th{

width:100px

}

td{

width:200px

}

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<table>标签中的第一个<td>标签，加入属性代码：width="65px"。

3、浏览器运行index.html页面，此时表格第一列的宽度被固定在65像素。