2017-06-30 29 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文件。
相關問題