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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

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

vivi_li 2020-04-14

源自：HTML表格 2-16 编程练习

19

收起

4回答

好帮手慕慕子回答被采纳获得+3积分 2020-04-15 10:04:50

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

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

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属性，如下：

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

提问者 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

相似问题

在tr设置align为什么不居中

行内标签属性设置

给表格添加align=center居中无效

请问这些代码是对的吗？

为什么我的代码第36行有个小红叉哪里写错了

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号