Html 我怎么做这样的桌子？

我试着制作一个像这样的表格，左边有一个个人资料图像，粗体标题/名称下面有一个粗体标题/名称和文本，下面有日期/时间戳。。。基本上与该网站上的视图相同(http://weknowwhatyouredoing.com/)或者更好（或者推特）

---

有人知道如何做到这一点的教程吗？我目前正在使用多列的表格，但似乎当一个单元格很大时，该行中的所有单元格都变为相同的高度，我不喜欢这样。在android中，这称为列表视图，但我不确定它在html/css世界中是什么，请提供帮助？提前感谢

您可以使多个表相邻浮动。你在网站上展示的元素没有像我所说的那样对齐

可以找到关于rowspan和colspan的教程

---

如果使图像跨越3行，则可以将粗体文本、内容和日期戳分别放在一行中。使用，如果行高于内容，则可以在行内垂直放置元素。如果三行加在一起高于包含图像的跨行，则可能会发生这种情况。

为了快速解决行高相等的问题，您可以使用与上相同的布局方法

用一个单独的

包装每一列，然后将您的

放在里面

---

4个容器，4个具有独立行高的表。

您应该看看Twitter引导CSS库

---

它是纯HTML5/CSS，只使用div。

要提高您的HTML知识，您可以查看W3C（Word Wibe Web Consortium）规范。对于示例，若您看到的话，W3C将解释表元素的所有结构、属性

你可以在谷歌上找到很多教程（搜索“教程创建表格HTML”）

---

此外，您还可以通过在特定网站中显示悬停元素的浏览器插件帮助您了解网站结构。（对于Firefox和Chrome，Dragonfly用于Opera浏览器…）

为什么不使用多个列表元素？对于响应性强的设计，桌子绝对不会给你带来灵活性。制作多个列表元素列可以根据需要进行重新排列，但限制有限

这是否是表格数据仍有争议……我认为不是；）它可以表示为表格数据，但在这种情况下，它不是。那里不应该用桌子。