用html做网页的时候怎么让表格的每行中的字都居中
发布网友
发布时间：2022-04-21 04:57
共7个回答
热心网友
时间：2022-04-02 19:55
用html做网页的时候让表格的每行中的字都居中操作如下：
1、首先按照常规，输入表格的文字内容，如下图所示，整体代码如下：
<table>
<p>功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
2、然后按照常规，设置表格的样式，如下图所示，示例整体代码如下：
<style type="text/css">
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
}
</style>
3、然后在浏览器里面进行预览，可以看到表格的标题和里面的内容，都是不居中的；
4、先设置表格的标题居中，代码如下：style="text-align:center "。
5、进行预览，可以看到标题已经实现了居中，但是内容还没有实现单元格居中；
6、只需要在设置表格样式里面输入代码进行文本居中即可，代码如下：text-align :center;
7、再行进行预览，可以看到表格已经实现了文本内每行中的字都居中。
热心网友
时间：2022-04-02 21:13
在css中进行定义即可：
td {text-align:center}
css写在html的<head></head>中，其实也是html的一个组成部分啊，如果你非要完全用html，那就只能在每个td标签内加入 align="center" 了。
下面是一个例子：
<html>
<head>
<style>
td {text-align:center}
</style>
</head>
<body>
<table>
<tr>
<td>1</td><td>2</td>
</tr>
<td colspan=2>3</td>
<tr>
</tr>
</table>
</body>
</html>
热心网友
时间：2022-04-02 22:48
在css中进行定义即可:
td
{text-align:center}
css写在html的<head></head>中，其实也是html的一个组成部分啊，如果你非要完全用html，那就只能在每个td标签内加入
align="center"
了。
下面是一个例子:
<html>
<head>
<style>
td
{text-align:center}
</style>
</head>
<body>
<table>
<tr>
<td>1</td><td>2</td>
</tr>
<td
colspan=2>3</td>
<tr>
</tr>
</table>
</body>
</html>
热心网友
时间：2022-04-03 00:39
你不希望每行写的话还有一个办法，html的子属性是继承父属性的，只要在父标签上写居中就可以了。就是说把这一堆TB的table属性设置下应该就可以，但是table蛮诡异的我也不敢说死，你试试吧。
热心网友
时间：2022-04-03 02:47
<th>是标题，当然会加粗，建议使用DIV+CSS比较好。
热心网友
时间：2022-04-03 05:12
<div align="center">你的文字内容,</DIV>
热心网友
时间：2022-04-03 07:53
mark。。。。都没get到我的点，最后把我自己调的放上来，
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">
table{
width:720px;
cellspacing:0px;
cellpadding:0px;
border-collapse:collapse;
text-align:center;
align-items:center；}
</style>
<body>
<table border="1">
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
最关键的是这两句
text-align:center;
align-items:center
关于border=“1”，我放在style里不起作用，不知道什么原因，就放在下边了，希望能帮到后来的人
