<table>标签设置了text-align:center但是<thead>中的内容不居中

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试类</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
    <h3>基础表格</h3>
    <table style="width:1000px;text-align:center;">
     <thead>
     <tr>
     <th width=20%>表格标题</th>
     <th width=20%>表格标题</th>
     <th width=20%>表格标题</th>
     </tr>
     </thead>
     <tbody>
     <tr>
     <td width=20%>表格单元格</td>
     <td width=20%>表格单元格</td>
     <td width=20%>表格单元格</td>
     </tr>
     <tr>
     <td width=20%>表格单元格</td>
     <td width=20%>表格单元格</td>
     <td width=20%>表格单元格</td>
     </tr>
     </tbody>
    </table>
</body>
</html>

明明给表格设置了文本居中，但为什么表头中的文本并不居中呢

VivianLee

浏览 10349回答 1

1回答

hujunkai

引用的bootstrap.min.css 中设置了th{text-align:left;} 所以文字居左。

0 1

随时随地看视频慕课网APP