HTML表格标题居中
在HTML中，我们可以使用CSS样式来实现表格标题的居中，以下是一些常用的方法：
1、使用<center>标签
将表格标题放在<center>标签内，可以使其居中显示。
<table>
<tr>
<th align="center"><center>标题1</center></th>
<th align="center"><center>标题2</center></th>
</tr>
</table>
2、使用CSS样式
在<style>标签内，为表格标题添加一个类名，然后设置该类名的text-align属性为center。
<!DOCTYPE html>
<html>
<head>
<style>
.title-center {
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<th class="title-center">标题1</th>
<th class="title-center">标题2</th>
</tr>
</table>
</body>
</html>
3、使用CSS选择器
在<style>标签内，为表格标题添加一个选择器，然后设置该选择器的text-align属性为center。
<!DOCTYPE html>
<html>
<head>
<style>
table thead th {
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
</table>
</body>
</html>
相关问题与解答
1、如何设置表格标题字体大小？
答：可以在CSS样式中为.title-center类名设置font-size属性。
.title-center {
text-align: center;
font-size: 24px; /* 根据需要调整字体大小 */
}
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/213619.html
微信扫一扫 