2017-06-30 28 views
0

我有一个有四列的表。第一列和第三列的宽度必须为132px。如果您在资源管理器中看到该页面,则两列均遵循指定的宽度。但在Firefox和Chrome上,列长达206px,我不希望发生这种情况。CSS表在某些浏览器上调整大小

Styles of Columns

Style of table

我已经设置与表格的布局表:固定。而且我已经为这些td指定了宽度,最小宽度和最大宽度为132px,但浏览器仍然按照他们的意愿进行操作。

你能帮我吗?

UPDATE

小提琴: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; 
} 

图片表上的资源管理器 enter image description here

表的图片在Chrome:

enter image description here

+1

显示一个片段! –

+1

如果可能,请添加jsfiddle或发布html/css。 – Karthik

+0

如果您有表格布局:固定,您需要做的就是明确指定每个表格单元的宽度。该表的总宽度为95%,其中两个单元为132px,另外两个单元需要宽度为47.5%至132px。 https://jsfiddle.net/MrLister/m7e08c6z/1/在所有浏览器中以相同的方式工作。 –

回答

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