用html做网页的时候怎么让表格的每行中的字都居中
用<th>的话，会让字体加粗，如果不用<th>的话，就要每行都用<align="center">，很麻烦，希望各位能给个好用的代码。非常感谢。没有用css，只是html，...
用<th>的话，会让字体加粗，如果不用<th>的话，就要每行都用<align="center">，很麻烦，希望各位能给个好用的代码。非常感谢。
没有用css，只是html，该怎么写啊？代码写在哪？ 展开
没有用css，只是html，该怎么写啊？代码写在哪？ 展开
7个回答
展开全部
用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、再行进行预览，可以看到表格已经实现了文本内每行中的字都居中。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在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>
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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你不希望每行写的话还有一个办法，html的子属性是继承父属性的，只要在父标签上写居中就可以了。就是说把这一堆TB的table属性设置下应该就可以，但是table蛮诡异的我也不敢说死，你试试吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<th>是标题，当然会加粗，建议使用DIV+CSS比较好。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
