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

Html 在css中重新创建动态表的最佳方法,html,css,css-float,css-tables,Html,Css,Css Float,Css Tables,很想知道其他人用什么方法在CSS中重新创建流体表格 回到表格时代,如果没有设置宽度,表格只会自动调整以适应列 比如说:我们有一个2列的表格来显示一个产品。左边是图像,右边是名称/描述 也就是说:图像宽度未知 通常在这种情况下,我所做的是将图像向左浮动,并将内容上的溢出隐藏到右侧。但是,如果我们有一行行数据,这根本不起作用,因为所有内容都有不同的边距 是的,我们可以说:图像不会比x大,所以让我们将图像向左浮动,并在右侧内容上设置一个左边距。-甚至将内容从右边浮动到右边 这样做真的不是一个问题,但我

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

回到表格时代,如果没有设置宽度,表格只会自动调整以适应列

比如说:我们有一个2列的表格来显示一个产品。左边是图像,右边是名称/描述

也就是说:图像宽度未知

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

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

这样做真的不是一个问题,但我只是好奇,好像有一种方法,使所有的流体。。。我正在处理的一些网站有大量的样式表,我正试图将样式保持在最低限度


我们的设计师喜欢在左边使用这个图像,在右边使用内容-甚至是反转。。。图片右边的内容左边的很多,但似乎每种情况的边距总是不同的。我真的想让这个类成为一个可重用的类。

看看这个。如果将class.p-r添加到.img,您将获得另一个视图。这就是你想要的吗?

hrm-我不这么认为。除非我误解了你。。。基本上,如果你要在下面添加另一行-相同的文本,但使用100x100图像,两行上的文本应该对齐哦,我误解了你。我今天会考虑的