在现代浏览器中模拟 HTML 3 <tab> 元素答案

【问题标题】：Emulating HTML 3 <tab> elements in modern browsers在现代浏览器中模拟 HTML 3 <tab> 元素
【发布时间】：2013-07-05 13:16:43
【问题描述】：

Html 3 有很好的罕见功能选项卡，例如 word:http://www.w3.org/MarkUp/html3/tabs.html，但我无法在现代浏览器中使用此功能。是否有更新的选项来格式化没有表格、多 &nbsp 和 css 列的段落中的文本？

我正在尝试在一个段落中进行此布局：

Price in USD/per kg
A      20$
BBB    30$
CCCCC  40$

谢谢！

【问题讨论】：

嘿，这确实是一个很酷的功能！不知道/记得这个。我想你现在可以使用 CSS 解决它，但最好的方法可能是 <table>。
通过 CSS 提供缩进； text-indent 财产。

您可以在 HTML 中使用

 标签。这将以预先格式化的方式显示文本。

这个例子是表格数据，因此应该实际上用<table>表示。
为什么不用表格？表格是布局目的的禁忌，但不是它们的实际预期用途。表格数据应以表格形式呈现，不能有反对意见。

标签： html

【解决方案1】：

您可以在 HTML 中使用<pre> 标签。这将以预先格式化的方式显示文本。

【讨论】：

【解决方案2】：

HTML 3.0 在 1990 年代中期是一个不完整的草案，从未完成、批准或实施（尽管在 HTML 3.0 草案过期很久之后，一些手册和供应商使用“HTML 3.0”作为流行词）。

HTML 3.0 中的一些想法后来被开发并纳入规范，但 tab 元素被完全抛弃了。

您仍然可以使用 pre 元素，它从早期就在 HTML 中。在 in 中，格式被保留，TAB 字符（水平制表符、HT、U+0009）将您带到下一个制表位。但是停止是在每 8 个字符处以固定方式设置的。不过，CSS 中提议的tab-size 属性可以让您设置 TAB 字符的“大小”，并且它已在多个浏览器中实现。

但是，对于问题中概述的数据，HTML table 元素显然是最简单、最合乎逻辑和最稳健的方式。如果您的创作环境不允许您使用 HTML 表格，那么它通常不会让您在 Web 创作领域发挥太大作用——无论如何，如果这确实是一个问题，您应该描述具体的限制并询问与他们打交道的问题，而不是询问大约 20 年前放弃的假设性想法。

【讨论】：

我必须在 html 中模拟 MS word 之类的选项卡才能与 CKeditor 一起使用。如果没有 CK，我可以使用带边距和垂直对齐的 span。
@PiotrNowicki，这是一个不同的问题，应该作为一个单独的问题发布。