简单的方案:
<tr class="something">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
我需要为<td>设置一个固定宽度。我试过了:
tr.something {
td {
width: 90px;
}
}
Also
td.something {
width: 90px;
}
for
<td class="something">B</td>
甚至
<td style="width: 90px;">B</td>
但是<td>的宽度是一样的。
当前回答
对我来说，将表的布局设置为自动，并针对特定列的<th>就可以了。我发现在任何行中定位<td>也可以。如果需要的话，请随意加入!important。
.table {
table-layout: auto;
}
th {
width: 10%;
}
其他回答
好的，我刚刚找出了问题所在-在引导设置为默认值宽度选择元素，因此，解决方案是:
tr. something {
td {
select {
width: 90px;
}
}
}
其他的都对我没用。
您可以创建一个colgroup并将这些类应用到col标记，而不是将col-md-*类应用到行中的每个td。
<table class="table table-striped">
<colgroup>
<col class="col-md-4">
<col class="col-md-7">
</colgroup>
<tbody>
<tr>
<td>Title</td>
<td>Long Value</td>
</tr>
</tbody>
</table>
演示
在引导4你可以使用row和col-*在表，我使用它如下
<table class="table">
<thead>
<tr class="row">
<th class="col-sm-3">3 row</th>
<th class="col-sm-4">4 row</th>
<th class="col-sm-5">5 row</th>
</tr>
</thead>
<tbody>
<tr class="row">
<td class="col-sm-3">some text</td>
<td class="col-sm-4">some text</td>
<td class="col-sm-5">some text</td>
</tr>
</tbody>
</table>
这个组合解决方案为我工作，我想要等宽的列
<style type="text/css">
table {
table-layout: fixed;
word-wrap: break-word;
}
table th, table td {
overflow: hidden;
}
</style>
结果:-
在我的例子中，我是这样解决的
<style>
td {
min-width: 175px;
}
</style>
因此每个表格单元格的最小宽度为175px。您可以更改该值以使其适合您的目的。
你可以在这里找到更多关于min-width的信息:https://developer.mozilla.org/en-US/docs/Web/CSS/min-width?retiredLocale=de
