table内tr标签设置 align=“center”但未生效的原因

table内tr标签设置 align=“center”但未生效的原因

<head>
		<title>表格属性</title>
		<meta charset="utf-8">
		<style>
		    tr{
		        align: center;
		    }
		</style>
	</head>

	<body>
		<!-- 在以下表格标签中添加相应代码 -->
		<table width='500px' border='1'  cellspacing='0' cellpadding='5px'>
			<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>

<body>

正在回答

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

4回答

同学你好,要想内容居中,直接在tr上添加align="center"属性就可以了。

http://img1.sycdn.imooc.com//climg/5e966ba709ab418a06840314.jpg

同学可以测试下,祝学习愉快~

  • vivi_li 提问者 #1
    等于这个也只是这个标签的属性 而不是css属性? 在css中设置就不会生效?
    2020-04-15 10:05:43
  • 好帮手慕慕子 回复 提问者 vivi_li #2
    同学你好,是的,align是标签属性, 在css中设置就不会生效, 祝学习愉快~
    2020-04-15 10:18:17
好帮手慕慕子 2020-04-15 09:50:04

同学你好, 因为css中没有align这个属性,所以设置了没有效果。

让表格整体居中,需要直接在table标签上添加align属性,如下:

http://img1.sycdn.imooc.com//climg/5e966833090e389f18181214.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 vivi_li #1
    不可以的 这样只是表格居中了 我想要表格内部文字居中
    2020-04-15 10:02:29
一穷二白入前端 2020-04-15 00:54:28

你是不是要整个表格居中啊,那是在table里面写,不是tr里写

  • 提问者 vivi_li #1
    设置了td的text–align属性值center 后可以的,但是设置align属性值为center不行
    2020-04-15 07:39:06
一穷二白入前端 2020-04-15 00:02:31

你的全部怎么是单引号呢,不应该是英文的双引号吗?

你试试style里不用tr,改为直接用table试试。

  • 提问者 vivi_li #1
    单引号可以的,table设置align center是外面元素围绕table居中 我给td改成text–align: center 可以表格内容居中,而且给align center 属性写到标签内可以生效,所以我很疑惑?
    2020-04-15 00:17:09
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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