在表格中包裝列

我有一個包含10個固定寬度列的行的表格，在調整頁面大小時調整表格的最佳方式是什麼。在表格中包裝列

例如：如果我調整頁面大小，只有5列適合，我如何將其餘5列包裝到新行？

我正在尋找最佳方式的指針。任何建議將理解

感謝

來源

2012-05-29 Steven Wang

我建議不要包裝列，因爲它會使表格非常難以閱讀。 – yoozer8

你可以發佈你正在使用的相關'HTML'結構來更好地理解你的目標嗎？此外，任何相關的'CSS'都將爲您提供準確的答案。 – Zuul

@Jim所以，表可能不是最好的解決方案。在頁面大小調整時動態換行的頁面上顯示固定寬度圖像列表的最佳方式是什麼？ –

如果要回流我想你想要的是不是一個真正的表，只是排列的元素的單元格。爲此，更好地利用花車，像這樣...

<div style="overflow:auto"> 
    <div style="width:200px;float:left">A</div> 
    <div style="width:200px;float:left">B</div> 
    <div style="width:200px;float:left">C</div> 
    <div style="width:200px;float:left">D</div> 
    <div style="width:200px;float:left">E</div> 
    <div style="width:200px;float:left">F</div> 
    <div style="width:200px;float:left">G</div> 
</div>

（最好把造型在CSS文件中，使用類等等我用div秒，但同樣的事情造型LI小號也許除了你需要添加一個display:block到造型）。另外，如果單元格的內容可以具有不同的高度，則可能還需要添加height。

來源

2012-05-29 20:05:02 Rodolfo

將'overflow：auto'添加到父div，並且不再需要使用'clear：both'的額外元素。 –

我不知道，我現在只是默認添加它。我有時會在下一個塊的右邊，當我沒有添加清除，即使塊在容器'div'之後，不知道什麼時候發生或爲什麼，但我只是用明確的方法解決它 – Rodolfo

添加'溢出：auto「到父div解決了這個問題。「清楚：兩者都可以從你的來源中消除，保持它更清潔和更多的語義。我把它留給你;） –

在表格中包裝列

回答

相關問題