为什么语文数学这些单元格内容没有水平居中呢
来源：2-16 编程练习
慕米毅
2019-04-14 21:17:34
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body>
<!-- 在以下表格标签中添加相应代码 -->
<table width="500px" border="1" align="center" cellspacing="0" cellpedding="5" valign="middle" >
<caption>课程表</caption>
<tr bgcolor="" valign="middle">
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr valign="middle">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr valign="middle">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr valign="middle">
<td>课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr valign="middle">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
</table>
</body>
</html>
10回答
-
儒商网络
2019-04-20
祝学习愉快~
2 -
白羊诗酒纵年华
2019-04-28
首先 你的代码中的 你设置的是居中是在<table>标签设置的，所以它达到的效果就只能是整个表格居中，如果你需要所有的单元格内容剧中 你可以在每个<tr>行标签里面设置，
如果你需要的是单独的一个单元格内容居中，那就是要在<td>里面设置 了
所以你这一个代码应该如下：
<!DOCTYPE html> <html> <head> <title>表格属性</title> <meta charset="utf-8"> </head> <body> <!-- 在以下表格标签中添加相应代码 --> <table width="500px" border="1" align="center" cellspacing="0" valign="middle" cellpedding="5" > <caption>课程表</caption> <tr bgcolor="" valign="middle" > <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>语文</td> <td>数学</td> <td>英语</td> <td>生物</td> </tr> <tr align="center"> <td>课间活动</td> <td>课间活动</td> <td>课间活动</td> <td>课间活动</td> </tr> <tr align="center"> <td>语文</td> <td>数学</td> <td>英语</td> <td>生物</td> </tr> <tr align="center"> <td>语文</td> <td>数学</td> <td>英语</td> <td>生物</td> </tr> </table> </body> </html>
1 -
过客匆匆1234
2019-04-20
因为你只写明了垂直居中呀，水平居中我们使用align=center
<tr valign="middle" align="center">另外你的开头使用的th标签，他是默认加粗并且水平居中的
1 -
好帮手慕夭夭
2019-04-15
你好同学，在table中设置align="center"是让整体的表格在页面中居中的。另外，代码中设置了caption标题后，那么表格内容应该把它嵌套在tbody更加规范，否则浏览器在解析的时候也会自动加上tbody。然后单元格内容居中在tbody中设置即可，如下：
祝学习愉快 ，望采纳。
1 -
阿旺旺
2019-04-29
在对应的行tr里面加align="center";
0 -
爱吃橘子的呵呵哒
2019-04-28
因为你只设置了垂直居中。。。可以直接使用align="center"让文字居中
0 -
henghengbaba
2019-04-26
<td>标签里的内容默认align="left"
0 -
儒商网络
2019-04-20
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body > <!-- 这里可以设置一个 align="center" 这样body里面的内容就会全部都居中了 不需要每个tr都写了 -->
<!-- 在以下表格标签中添加相应代码 -->
<table width="500px" border="1" align="center" cellspacing="0" cellpedding="5" valign="middle" >
<caption>课程表</caption>
<!-- 也可以用到之前学过的知识 给 thead tbody tfoot 进行设置居中
<thead align="center" vglign="middle">
<tr>
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
-->
<tr bgcolor="" valign="middle"> <!--tr里面设置 align="center" 居中-->
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr valign="middle">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr valign="middle">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr valign="middle">
<td>课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr valign="middle">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
</table>
</body>
</html>
0 -
随心_随缘
2019-04-19
在table中设置align="center"是让整体的表格在页面中居中的,应该在<tr align="center" >设置居中
0 -
慕的地0245667
2019-04-14
table属性里的align是控制表格本身的
所以<table align="center">...</table>是让整个表格居中显示
0
相似问题