http://weknowwhatyouredoing.com/
我正在尝试制作一张像这样的桌子，左边是个人资料图片，粗体标题/名称下面是粗体标题/名称和文字，下面是日期/时间戳......基本上是与该网站（http://weknowwhatyouredoing.com/）或更好（或Twitter推文）相同的观点。
有人知道有关如何实现这一目标的任何教程吗？我目前正在使用具有多个列的表，但似乎当一个单元格很大时，该行中的所有单元格都变成相同的高度，我不喜欢这样。在android中这称为列表视图，但我不确定它在html / css世界中是什么，请帮忙吗？提前致谢
答案 0 :(得分：2)
您可以使多个表彼此相邻浮动。您显示的网站上的元素没有像我所知的那样对齐。
可以找到有关rowspan和colspan的教程here。
如果使图像跨越3行，则可以将粗体文本，内容和日期戳分别放入一行。使用valign，如果行变得高于内容，则可以在行中垂直定位元素。如果3行一起高于包含图像的一个生成行，则可能会发生这种情况。
答案 1 :(得分：0)
作为针对相同行高的问题的快速解决方案，您可以使用与weknowwhatyouredoing.com上使用的布局方法相同的布局方法。
将每列包裹在单独的<div>中，然后将<table>放入其中。
4个容器，4个独立行高的桌子。
答案 2 :(得分：0)
你应该看一下Twitter Bootstrap CSS库Twitter Bootstrap 这是纯HTML5 / CSS，仅使用div。
答案 3 :(得分：0)
为了提高您的HTML知识，您可以看到W3C（Word Wibe Web Consortium）规范。对于示例，如果您看到this page，W3C将解释Table元素的所有结构，属性。
你可以在google中找到很多教程（搜索“教程创建表格HTML”）。
此外，您可以使用浏览器插件来帮助您了解网站结构，该插件在特定网站中显示悬停元素。 （firebug适用于Firefox和Chrome，Dragonfly适用于Opera浏览器...）
答案 4 :(得分：0)
为什么不使用多个列表元素？表绝对不能为响应式设计提供灵活性。可以根据需要重新排列多列列表元素，但限制有限