html - 制作此布局(CSS 或表格)的最佳方式是什么?

标签 html css layout

我正在开发一个可以订阅的应用程序。我想知道什么是构造数据的最佳方式,如以下模式(使用表或 css)。 (抱歉,我在工作,不能在免费图片托管服务上发布我想要的图片。)

|¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯|
| Location:   xxxxxxxxx-xxxx-xxx                 Maximum subscription date: 12-11-2009  |
| Begin date: 12-15-2009                                              Cost: $ 150       |
| Duration:   2 Days                                                                    |
| Status:     Confirmed with remaining places                           [Subscription]  |
|                                                                                       |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
|¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯|
| Location:   xxxxxxxxx-xxxx-xxx                 Maximum subscription date: 12-12-2009  |
| Begin date: 12-15-2009                                              Cost: $ 150       |
| Duration:   2 Days                                                                    |
| Status:     Confirmed with remaining places                           [Subscription]  |
|                                                                                       |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

我在考虑表格,但我不确定这是最合适的方法。

最佳答案

您可以使用 CSS 做到这一点,但请考虑您要呈现的数据类型:本质上,它确实是一个表格数据。所以我建议为此使用表格。

确实,表格有很多问题,但唯一应该避免使用表格的情况是专门用于布局目的(即,不一定是出于展示表格的目的) .在这种情况下使用表格才是表格的正确用法。

关于html - 制作此布局(CSS 或表格)的最佳方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/799172/

相关文章:

python - 突出显示两个 html 字符串之间的差异

css - Flexbox 在 Chrome 中将空行放在 <li> 中

html - 悬停菜单边框未显示在 IE 11 中的 iframe 上

JQuery Slider 在 Safari 中不工作

c# - WPF 页面调整大小

html - html5 的 <nav> 元素中允许嵌套哪些元素?

html - 如何删除 css 中最后一个 child 的右边框

javascript - 当调用函数位于 html 属性中时,无法在 sencha touch 中获取父引用

javascript - 我可以使用 javascript 强制浏览器 "flush"任何未决的布局更改吗?

ios - 为什么项目在 View 之外?