2015-02-06 69 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屬性在現代瀏覽器中更改此設置。