为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

VivianLee 2016-12-11 22:30:34
<!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>明明给表格设置了文本居中,但为什么表头中的文本并不居中呢
查看完整描述

1 回答

?
hujunkai

TA贡献1条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-12-12
  • VivianLee
    VivianLee
    我在<table>表的<thead>标签内设置align="center"也不能覆盖之前引用的css里面的文字居左样式么?
  • 1 回答
  • 1 关注
  • 10348 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信