在css中重新创建动态表的最佳方法

时间:2011-09-26 20:00:35

标签: html css css-float css-tables

很想知道其他人使用什么方法在CSS中重新创建流体表。

回到表格日期,如果没有设置宽度,表格只会自动调整以使列适合。

让我们说:我们有一个2列“表”显示产品。左侧的图像,右侧的名称/描述。

我们也说:图像宽度未知。

通常在这种情况下,我所做的是将图像向左浮动并将内容上的溢出隐藏在右侧。如果我们有数据行,这根本不会起作用,因为一切都有不同的边距。

是的,我们可以说:图像不会比x大,所以让我们向左浮动图像并在右侧内容上设置左边距。 - 甚至将内容浮动在右侧的右侧。

这样做真的不是问题,但我只是好奇,好像有办法使它全部流畅......我正在研究的一些网站有很多样式表,我试图保持把风格降到最低。

我们的设计师喜欢在左边使用这个图像,在右边使用内容 - 甚至反转...图像到左侧的正确内容很多,但似乎每个情况的边距总是不同。我真的想把它变成一个可重复使用的课程。

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/simoncereska/dGnzJ/看看这个。如果将.p-r类添加到.img,您将获得另一个视图。这是你要求的吗?