简单的方案:
<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>的宽度是一样的。
当前回答
我也遇到过这个问题，我用这个方法来克服…所以你可以试试
<td style=“min-width：120px;”>B</td>
其他回答
使用固定的表布局CSS在表，并设置一个百分比的td。
当我不需要处理IE时，我经常这样做
<tr>
<th scope="col" style="width: calc(1 * 100% / 12)">#</th>
<th scope="col" style="width: calc(4 * 100% / 12)">Website</th>
<th scope="col" style="width: calc(3 * 100% / 12)">Username</th>
<th scope="col" style="width: calc(3 * 100% / 12)">Password</th>
<th scope="col" style="width: calc(1 * 100% / 12)">Action</th>
</tr>
这样你就可以有一个熟悉的12 col网格。
如果在表上使用<table class="table">， Bootstrap的表类将为表添加100%的宽度。您需要将宽度更改为自动。
此外，如果表的第一行是标题行，则可能需要将宽度添加到th而不是td。
对于Bootstrap 4，你可以简单地使用类帮助器:
<table class="table">
<thead>
<tr>
<td class="w-25">Col 1</td>
<td class="w-25">Col 2</td>
<td class="w-25">Col 3</td>
<td class="w-25">Col 4</td>
</tr>
</thead>
<tbody>
<tr>
...
如果没有页面html或其他CSS的上下文，就很难判断。你的CSS规则不影响td元素可能有无数个原因。
您是否尝试过更具体的CSS选择器，例如
tr.somethingontrlevel td.something {
width: 90px;
}
这可以避免您的CSS被来自引导CSS的更具体的规则所覆盖。
(顺便说一下，在你的内联CSS样本样式属性，你拼错了宽度-这可以解释为什么尝试失败!)
