【问题标题】:Implementing horizontal tab in HTML在 HTML 中实现水平选项卡
【发布时间】:2015-04-06 13:25:49
【问题描述】:

我试过这样:

  1. 使用了五个空格:&#npsp; &#npsp; &#npsp; &#npsp; &#npsp;,但它没有为我的段落中的所有行提供适当的空间,我认为这是一种不好的编码习惯。

  2. 我用过	, 	,	 ,(有人在雅虎问答中写道)。虽然其中有些是错误的,但没有任何一个对我有用

  3. 我使用<pre> 	(my text)</pre> 工作正常,但文本的字体被更改为某种难看的字体格式。

  4. <tab align=6> 也使用过,但对我不起作用。

我正在 Android 的 webview 中进行编码以在屏幕上显示文本。

谁能帮我在我的文本前面提供适当的水平制表空间。

谢谢你..

【问题讨论】:

  • 您没有描述您希望实现的目标。 “实现水平制表符”并没有这么说。水平制表符在 HTML 中具有明确定义的含义和效果。

标签: android html css


【解决方案1】:

您可以使用 CSS 样式 text-indent 来缩进文本。

向包含文本的元素添加类似text-indent: 40px 的样式,例如使用style 属性:

<p style="text-indent:40px"></p>

您还可以将 CSS 放入样式表和 load the style sheet in the webview。例如,在样式表中,您可以为所有段落标签指定文本缩进:

p { text-indent: 40px; }

【讨论】:

  • 我应该像这样使用 吗?对不起,我不知道如何实现 CSS ..
  • style 标签用于定义样式表,而不是用于内容。您可以在包含文本的元素上使用style 属性,我在上面添加了一个示例。
  • 谢谢 Guffa...它对我有用..非常感谢
【解决方案2】:

另一个选项是使用标签&lt;blockquote&gt;&lt;/blockquote&gt;。但这不是它的预期用途,它是用来引用文本的。

【讨论】:

  • 在我的每一段开始之前,我必须提供甚至五个空格。
【解决方案3】:

Html3 有一个 &lt;tab&gt; 元素无法在 html4 或 html5 中存活。

不过,在 CSS 中定义这个元素很容易:

tab:before {content:"\9"; white-space:pre;}

这具有正确的内容 - 带有 Unicode 代码 9 的制表符和保留的空白。保留的空白设置只对那个字符起作用,所以你可以这样写html:

<div>
This is a<tab/><tab/><tab/>Test<tab/><tab/>and Test<br>
Another<tab/><tab/><tab/>Test<tab/><tab/>and Test<br>
Yet Another<tab/><tab/>Test<tab/><tab/>and Test
</div>

一切都会如你所愿。

请参阅此jsfiddle 以获取相同的示例。

默认情况下,css 将制表符的宽度定义为空格宽度的 8 倍。但您可以在现代浏览器中使用 CSS tab-size 属性更改此设置。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多