CSS表正在调整某些浏览器的大小

时间:2017-06-30 09:12:23

标签: css resize width css-tables

我有一个包含四列的表格。第一列和第三列的宽度必须为132px。如果您在资源管理器上看到该页面,则两列都遵循指定的宽度。但是在Firefox和Chrome上,这些列长到了206px,我不希望这种情况发生。

Styles of Columns

表格

Style of table

我已经用table-layout设置了表:fixed。我已经为这些td指定了宽度,最小宽度和最大宽度为132px,但浏览器继续按照他们的要求进行操作。

你能帮助我吗?

更新

小提琴:jsfiddle.net/65o82kv0

列的CSS

#bloqueVehiculo table,
#bloqueTren table,
#bloqueIncidencia table,
#bloqueMantenimiento table,
#bloqueClasificacion table,
#bloqueEstado table,
#selectorVehiculo table {
    width: 95%;
    margin: 23px auto;
    table-layout: fixed;
}

表格的CSS

context

Explorer上的表格图片 enter image description here

Chrome上的表格图片:

enter image description here

1 个答案:

答案 0 :(得分:0)

  1. 并非每个浏览器在CSS方面都具有等价性,这是他们解释样式表的方式。
  2. 您可以指定一个固定大小的容器,并将该表保留为其子元素,以使浏览器的大小相同。
  3. 请检查任何内联CSS,因为它们有时会覆盖您可能拥有的外部CSS文件。