HTML表格中的空格？

Question

我是HTML的新手，我想知道除了使用空格强制创建以下示例表之外是否有其他有效方法：

我已经尝试过了，但代码并不漂亮。我非常感谢你的帮助和提示。

Answer 1

HTML：

<table>
  <tr><td class="lcol"></td><td class="mcol"></td><td class="rcol"></td></tr>
  <tr><td class="mrow"></td><td></td><td></td></tr>
  <tr><td class="brow"></td><td></td><td></td></tr>
</table>

CSS：

.lcol { width: 40px; height: 40px; }
.mcol { width: 400px; }
.rcol { width: 40px; }
.mrow { height: 400px; }
.brow { height: 40px; }

显然可根据需要调整像素大小。如果您想要适合页面，也可以使用“％”。

编辑：如果要显示边框，请在css：

中

table { border-collapse: collapse; border: 1px solid #000; }
td { border: 1px solid #000; margin: 0; }

Answer 2

为什么不使用 。它是用于表示不间断空间的实体。它本质上是一个标准空间，主要区别在于浏览器不应该在占用的点处中断（或换行）一行文本。