-1 我正在尋找一個div表,有4列和4行。DIV TABLE(4x4) 我想寬度爲100%,我想插入圖像和文字到每個div。 任何人都可以幫忙嗎? 來源 2014-01-13 user3189441 +1 那麼爲什麼不使用呢?還設置了一個jsfiddle,我們可以看到你到目前爲止所嘗試的內容 – RononDex +0 更改此處divs的顯示屬性http://jsfiddle.net/amcPM/1/ – +0 可能的重複[如何使用Html和CSS製作網格DIVS](http://stackoverflow.com/questions/21014209/how-do-i-make-a-grid-with-html-and-css-with-divs) – A 回答 1 如果您需要顯示錶格數據,請使用表格。如果你希望它是響應您可以使用此作爲佈局:example .row{ clear: both; width: 100%; margin: 0px; padding: 0px; } .cell{ float: left; min-height: 100px; width: 24%; border: 1px solid black; text-align: center; min-width: 100px; } 注:我設置爲100像素單元的最小寬度,所以它不會太小 - 這就是優勢使用div而不是表格。如果你不希望結構在小型展示中突破,你應該使用一張桌子。 來源 2014-01-13 09:04:51 相關問題 1. TABLE包含DIV 2. Table overlapping div 3. Chrome Table not expanding div 4. 合併Div-Table-Cells? 5. align div div to the center of table CSS - PHP 6. animate div width style = table-cell 7. CSS display:table-cell with div inside table 8. 4x4 Word Grid - Java 9. 如何進行顯示:table-cell div cover毗連table-cell divs? 10. Table = Table vs Table.Data(Table) 11. 爲什麼顯示:table不居中div? 12. 如何從JavaScript數組填充div-table? 13. table,td,div heigth 100%不工作 14. DIV與純HTML中的TABLE碰撞 15. 我應該使用DIV還是TABLE? 16. 解決楓4X4數獨 17. 4x4幻燈片拼圖BATCH 18. 4x4矩陣分解算法 19. 隨機4x4 2D NSArray Objective-C 20. 4x4 3D矩陣操縱 21. 反轉4x4矩陣算法 22. 4x4開關面板檢測 23. 4x4矩陣乘法爲了 24. div header/table/div頁腳固定的頁腳結構? 25. 顯示DIV> SPAN當DIV> TABLE> TR纔可見 26. Table style in table style inherit mess 27. Material Design datatable .table-bordered和.table-striped同時 28. jquery select table with table 29. YQL + TABLE + XPATH 30. Angular table ng-repeat 最新問題 1. 檢查gtk.notebook中是否存在已定義文本的選項卡+ gtk3 2. 沒有訂閱時的默認操作? 3. Apache進程不會在與RabbitMQ斷開連接後死亡 4. Linq to Entities實現DateTime.ToString(字符串) 5. 將JSON數據添加到html選項選擇器後,如何在選擇時引用其他數據? 6. 如何在使用「timer」循環處理時訪問「路由」中的當前ZonedDateTime(或Date)? 7. 如何用tkinter在鼠標座標後面畫一條線? 8. Python重構此功能以將其認知複雜度從19降低到15允許 9. 保留第一行作爲參考的Dataframe中的計算 10. Google雲端平臺上的對象更改通知 相關問題 1. TABLE包含DIV 2. Table overlapping div 3. Chrome Table not expanding div 4. 合併Div-Table-Cells? 5. align div div to the center of table CSS - PHP 6. animate div width style = table-cell 7. CSS display:table-cell with div inside table 8. 4x4 Word Grid - Java 9. 如何進行顯示:table-cell div cover毗連table-cell divs? 10. Table = Table vs Table.Data(Table)
1 如果您需要顯示錶格數據,請使用表格。如果你希望它是響應您可以使用此作爲佈局:example .row{ clear: both; width: 100%; margin: 0px; padding: 0px; } .cell{ float: left; min-height: 100px; width: 24%; border: 1px solid black; text-align: center; min-width: 100px; } 注:我設置爲100像素單元的最小寬度,所以它不會太小 - 這就是優勢使用div而不是表格。如果你不希望結構在小型展示中突破,你應該使用一張桌子。 來源 2014-01-13 09:04:51
那麼爲什麼不使用
更改此處divs的顯示屬性http://jsfiddle.net/amcPM/1/ –
可能的重複[如何使用Html和CSS製作網格DIVS](http://stackoverflow.com/questions/21014209/how-do-i-make-a-grid-with-html-and-css-with-divs) –
回答
如果您需要顯示錶格數據,請使用表格。如果你希望它是響應您可以使用此作爲佈局:example
注:我設置爲100像素單元的最小寬度,所以它不會太小 - 這就是優勢使用div而不是表格。如果你不希望結構在小型展示中突破,你應該使用一張桌子。
來源
2014-01-13 09:04:51
相關問題