在HTML中实现水平制表符

时间:2015-02-06 11:50:43

标签: android html css

我试过这样的事:

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

  2. 我使用了	, 	,	 ,(有人在Yahoo Answers中写道)。虽然有些是错误的,但这并不适合我的任何人

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

  4. <tab align=6>也曾使用但不适合我。

  5. 我正在使用Android中的webview进行编码,以在屏幕上显示文字。

    任何人都可以帮助我在我的文字前面提供适当的水平标签空间。

    谢谢..

3 个答案:

答案 0 :(得分:2)

您可以使用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; }

答案 1 :(得分:0)

另一种选择是使用标记<blockquote></blockquote>。但它不是它的预期用途,而是用于引用文本。

答案 2 :(得分:0)

Html3有一个<tab>元素无法存活到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属性在现代浏览器中更改此设置。