如何在chrome中設置左浮動的td？

首先我是一個新手，英語不是我的母語，對不起，如果我的問題不是很清楚。如何在chrome中設置左浮動的td？

我正在使用jQuery數據表與響應式插件顯示圖像到一個單元格和其他數據（關於圖像）到同一行中的其他單元格。在小屏幕上，我只顯示每行兩個單元格/圖像（圖像和標題），但在較小的屏幕（手機屏幕）中，我需要將一個單元格放在另一個單元格下。嘗試過tds顯示模塊，但只能在Firefox中使用。

在這裏搜索我找到了其他解決方案：set tds floating left。它適用於Firefox和最新的IE瀏覽器（我不介意），但仍然無法在Chrome上運行。在Chrome中觀看計算的樣式我發現用戶代理正在覆蓋我的CSS。我怎樣才能解決這個問題？在這個問題上浪費了很多時間。我知道桌子是桌子，但我真的需要它來做一個乾淨的響應式設計。

這是我的代碼簡化的例子：

<div> 
    <table> 
    <tr> 
     <td>data<td> 
     <td>data<td> 
     <td>data<td> 
     <td>data<td> 
    <tr> 
    <table> 
<div>

@media (max-width: 540px) { 
    td{ 
     float: left; 
     width: 90%; 
    } 
}

這適用於Firefox和IE最新。如何使它在Chrome上工作？我不介意，如果我必須用javascript，jquery或css來做，但我真的想解決這個問題。提前致謝。

來源

2014-07-18 dilmix

答覆按照承諾刪除。你確定你沒有另一個問題，我認爲這可能是一個緩存問題？嘗試鍍鉻鍍鉻。現在我有機會在windows chrome和FF中查看網站，它看起來很好，沒有任何區別。 – davidkonrad

好的，問題解決了！正如所說的那樣，我是一個新手，這是一個收費。

我添加了一個PHP腳本，包括在PHP中，只是在HTML的BEFORE。顯然，我知道腳本必須留在html內部，但我真的沒有注意到它在html之前包含它！

我不知道爲什麼它會阻止數據表tds僅在Chrome和Safari瀏覽器中浮動。看起來像一些瀏覽器不會受到影響，如果你寫這樣的野蠻行爲，但其他人會這樣做。希望它能幫助其他新秀們爲類似的廢話而頭破血流。

來源

2014-07-23 18:42:53 dilmix

如何在chrome中設置左浮動的td？

回答

相關問題