Table 单元格宽度统一

Question

我在css继续开发和探索。我想将 table 个单元格都设置为相同的宽度，而不是像它在 jsfiddle 中的显示方式。我尝试手动为 "th tag" 和 "td tag" 设置宽度，但它们没有给出我定义的宽度。

.tablesorter {
margin: -5px 0 0 0;   
table-layout: fixed;
}

 .tablesorter td{
 margin: 0;
 padding: 0;
border-bottom: 1px dotted #ccc;    
} 

 .tablesorter thead tr { 
 height: 34px;
 color:#082B33;;
 background:#B5E5EF;
text-align: left;
cursor: pointer;   
}

fiddlelink如下： https://jsfiddle.net/4j43fdm1

Answer 1

试试这个

  .tablesorter{
   width:100%;
  }

table tr th, table tr td{
  width:16.6%;
  word-break: break-all;
  }

Click here for demo

Table 单元格宽度统一

Table cell width uniform

css

css-tables