在css中重新創建動態表格的最佳方法

Question

想知道其他人使用什麼方法在CSS中重新創建流動表格。

回到表格日期，如果沒有設置寬度，表格會自動調整以使列合適。

讓我們說：我們有一個2列「表」顯示產品。圖片在左邊，名稱/描述在右邊。

我們還要說：圖像寬度未知。

通常在這種情況下，我所做的是將圖像浮起並隱藏內容右側的溢出。如果我們有數據行，這根本不會工作，因爲一切都會有不同的利潤率。

是的，我們可以說：圖像不會比x大，所以讓我們浮動圖像左側，並在右側內容設置左邊距。 - 甚至可以將內容右移到右側。

這樣做確實不是問題，但我只是好奇，好像有一種方法可以讓所有流體......我正在處理的這些網站中的一些有大量的樣式表，我試圖保持風格最小化。

我們的設計人員喜歡用這幅圖中的描述，左側的內容，右側的內容 - 或者甚至顛倒過來......顯示正確的內容左側的圖片A LOT，但似乎每種情況的邊緣通常都會有所不同。我真的想把它變成一個可重用的課程。

Answer 1

http://jsfiddle.net/simoncereska/dGnzJ/看看這個。如果您將.p-r類添加到.img，您會看到另一個視圖。這是你要求的嗎？