-1

--注意：我对 CSS 和 html 还是很陌生）--

为了进一步练习我的编码（CSS、HTML），我决定为自己做点小事。屏幕的一部分（html 页面）将被如下所示的小块填充。这些都是相同的大小，但可以有不同的颜色（1 列=1color）和不同的文本（如下所示）。他们还应该允许在其中包含图像。每个小块将是一个不同的链接。

总共可以有超过 50 个（一列最多 5 个）这样的小块，每个块都有不同的文本（大小、重量、（未）大写）或图像和不同的链接。在我的脑海里，我也在考虑添加 Javascript 来与它们交互（如打开链接，甚至添加/删除块）

现在我想知道我会怎么做。我看到两个选项：表格和 div。

两者各有优劣，想请教大家的意见。为什么选择一种方式或另一种方式？我可能忽略的任何其他解决方案？

编辑：我的想法的简短摘要（缺少时间）：

  1. 分区：
    • 更容易修改每个 div
    • 用java更容易
    • 更容易修改其中的文本或图像
    • 似乎喜欢我的喜好
    • 编辑块（填充）和侧面块之间的空间需要额外的代码
  2. 桌子：
    • 更容易一次制作多个
    • 更清晰的代码
    • 更难修改每个块的文本样式或图像

例子

4

3 回答 3

1

您可以使用 divs 、带有 css 表的 divs 或普通的旧 html 表。

如果您需要绝对位置和宽度/高度，请使用 div。

如果您需要可以自行扩展的单元格，请使用表格。

css 表很新，我用的不多，所以你必须自己决定。现在构建网页的趋势是使用很少或没有表格的 div。但这取决于你。

于 2013-03-20T12:13:28.730 回答
0

最简单的方法就是加载大量浮动的 div。您永远不应该使用表格进行内容布局，仅用于应该在表格中显示的内容

例如。

float:left;
margin:10px 10px 0 0;
width:50px;
height:50px;

然后，如果它们都是不同的颜色，您可以使用内联或更多类设置样式

于 2013-03-20T12:35:21.743 回答
0

如果您打算使它们具有交互性。你绝对应该使用 Divs。它们更容易与 Javascript 一起使用

于 2013-03-21T17:29:34.590 回答