在tr设置align为什么不居中
<table width="500px" border="1" cellspacing="0" cellpadding="5" >
<caption>课程表</caption>
<tr bgcolor="pink" align="center">
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr>
<td bgcolor="pink">语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr>
<td>课间活动</td>
<td bgcolor="pink">课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td bgcolor="pink">英语</td>
<td>生物</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td bgcolor="pink">生物</td>
</tr>
</table>
正在回答
首先你要知道你是让表格里面的行里面列的内容居中,还是让整个表格居中,如果你是让整个表格居中的话,你需要在table里面添加居中的属性,如果你是要让内容居中的话,就是说列里面的文字居中的话,需要在每一行进行设置居中属性,而th标签里面是不需要设置的,因为th标签自带居中加粗属性,所以你需要在每一行的tr标签里面添加align="center",如下所示。而包含th的那一行的应该删掉。每一行它都是独立存在的,所以都需要设置。设置了行之后列就可以不用设置了,因为行里面包含列,当然你也可以一列一列的设置居中,但是那样太麻烦了,所以只设置行就可以了。而table里面的居中指的是对于整个浏览器来说的。跟行列的居中不同,行列的居中指的是内容,就是我们列里面的内容,老师也说了,这中是一个包含关系。
<table width="500px" border="1" cellspacing="0" cellpadding="5" > <caption>课程表</caption> <tr bgcolor="pink" > <th>星期一</th> <th>星期二</th> <th>星期四</th> <th>星期五</th> </tr> <tr align="center"> <td>语文</td> <td>数学</td> <td>英语</td> <td>生物</td> </tr> <tr align="center"> <td bgcolor="pink">语文</td> <td>数学</td> <td>英语</td> <td>生物</td> </tr> <tr align="center"> <td>课间活动</td> <td bgcolor="pink">课间活动</td> <td>课间活动</td> <td>课间活动</td> </tr> <tr align="center"> <td>语文</td> <td>数学</td> <td bgcolor="pink">英语</td> <td>生物</td> </tr> <tr align="center"> <td>语文</td> <td>数学</td> <td>英语</td> <td bgcolor="pink">生物</td> </tr> </table>
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星