html - 使用 CSS 替代以下设计

标签 html css html-table

我有个要求,outlook如附图Project Outline Image

我通过使用 HTML 中的表格和使用 CSS 设置样式来完成任务。

标准是一行中的图像几乎相同(即两张图像)并且每一行的内容都不同。因此,每一行的内容都不同,但每一行的图像都保持不变。仅供引用,会有多个行。除了使用表格之外,实现此类设计的最佳实践是什么,其中还应该灵活地更改内容。或者使用表格是最好的选择。

感谢专业人士的建议。

最佳答案

我不想为您编写它,但我已经制作了一个快速模型供您查看 - http://jsfiddle.net/spacebeers/TAJdw/

您不想再将表格用于表格日期以外的任何内容。你最好花时间研究 CSS。

看看我的例子。这就是内容容器的一个实例可能的样子。你想从那里做的是看看让其中两个连续。为 .container 类构建 CSS,然后将 .contentContainer 的另一个实例复制进去,看看会得到什么结果。

如果您愿意,我很乐意提供帮助,但自己尝试一下总是好的。您将在此处获得更好的答案,并避免不必要地贬低您的问题。

关于html - 使用 CSS 替代以下设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8384675/

相关文章:

html - Css @media 标签表现奇怪

html - CSS 中的最小高度在 Firefox 中不起作用。它在 IE 中工作

javascript - 将行和列添加到 HTML 表格

Selenium RC 表的 XPath 存在问题

javascript - 如何在 JavaScript 中将用户输入与数组数据进行匹配

javascript - 如何在 jquery 中从多个选择器创建对象?

javascript - 如何删除 bootstrap-datepicker 中的最后一行天

html - 如何在 Laravel 上设置不同的 404 错误页面?

javascript - 如何通过 JavaScript/jQuery 显示隐藏的 HtmlTable "columns"?

javascript - XMLhttp请求问题