我有一个包含四列的表格。第一列和第三列的宽度必须为 132 像素。如果您在资源管理器中看到该页面,则两列均符合指定的宽度。但是在 Firefox 和 Chrome 上,列长到 206px,我不希望发生这种情况。
列
表格
我已经用 table-layout: fixed 设置了表格。我已经将这些 td 的宽度、最小宽度和最大宽度指定为 132px,但浏览器会继续按照他们喜欢的方式执行。
你能帮帮我吗?
更新
fiddle :jsfiddle.net/65o82kv0
列的 CSS
.cabecera {
width: 132px;
color: white;
max-width: 132px;
min-width: 132px;
padding: 8px 12px;
font-weight: bolder;
white-space: nowrap;
background-color: #82005E;
}
表格的 CSS
#bloqueVehiculo table,
#bloqueTren table,
#bloqueIncidencia table,
#bloqueMantenimiento table,
#bloqueClasificacion table,
#bloqueEstado table,
#selectorVehiculo table {
width: 95%;
margin: 23px auto;
table-layout: fixed;
}
Chrome 上的表格图片:
最佳答案
- 并非每个浏览器在 CSS 和解释样式表的方式方面都是等效的。
- 您可以指定一个固定大小的容器,并将表格作为其子元素,以使大小在浏览器中保持一致。
- 请检查是否有任何内联 CSS,因为它们有时会覆盖您可能拥有的外部 CSS 文件。
关于CSS 表格在某些浏览器上正在调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44842810/