在tr设置align为什么不居中

在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>


正在回答

登陆购买课程后可参与讨论,去登陆

3回答

首先你要知道你是让表格里面的行里面列的内容居中,还是让整个表格居中,如果你是让整个表格居中的话,你需要在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>


  • Ace_____ 提问者 #1
    我就是在tr设置的,table设置了align就在网页居中了,但是tr设置了就一点效果都没有
    2017-06-27 18:14:09
  • 小于飞飞 回复 提问者 Ace_____ #2
    你好,可以参考上面同学的代码,要在每个 tr 中添加 align 属性呦。
    2017-06-27 18:57:35
  • lijikai1937 回复 提问者 Ace_____ #3
    你把眼睛睁大开代码有什么区别!难道一点区别都没有?
    2017-06-27 20:01:41
怎么都被占用了呢 2017-06-28 15:38:24

http://img1.sycdn.imooc.com/climg//59535cdd000104cb07080962.jpg在对照着代码认真看一下哦

怎么都被占用了呢 2017-06-27 21:12:04

在tr上设置align:center,只会让当前一行的内容在单元格内居中,如果想要所有内容居中,可在每个tr上设置。

  • 提问者 Ace_____ #1
    当前也不居中,我都试过了,反正不管怎么写就是没效果
    2017-06-28 14:48:27
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师