2015-02-06 67 views
0

水平制表我已经试过这样的:使用实现在HTML

  1. 对于五个空格:&#npsp; &#npsp; &#npsp; &#npsp; &#npsp;但它不是在我的通路的所有线路提供适当的空间,我认为这是一个不好的编码实践。

  2. 我已使用	, 	,	 ,(有人在雅虎答复中写道)。虽然有些在这个错误,但没有任何人对我有效

  3. 我已经使用<pre> &#x9;(my text)</pre>工作正常,但文本的字体更改为一些丑陋的字体格式。

  4. <tab align=6>也可以使用但不适用于我。

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

任何人都可以请帮助我在我的文本前面提供适当的水平选项卡空间。

谢谢。

+0

你还没有描述你想要达到的*。 “实现水平选项卡”并没有这样说。水平制表符在HTML中有明确的含义和效果。 – 2015-02-06 14:37:02

回答

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; } 
+0

我可以像这样使用?对不起,我不知道如何实现CSS .. – Vishwak 2015-02-06 12:00:33

+0

'样式'标签用于定义样式表,而不是内容。你可以在包含文本的元素上使用'style'属性,我在上面添加了一个例子。 – Guffa 2015-02-06 12:08:39

+0

谢谢Guffa ...这对我很有用..非常感谢你 – Vishwak 2015-02-06 12:15:35

0

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

+0

在我开始每一段经文之前,我已经提供了五个空间。 – Vishwak 2015-02-06 12:02:17

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属性在现代浏览器中更改此设置。