2014-03-26 33 views
0

我想在2個文本之間使用\ t,但\ t選項卡不工作,2個文本之間沒有空格。我試圖只使用間距,並且不起作用。超過1個空間的任何東西似乎都會被修剪。 t不能在JavaScript中工作

我在這裏看了一下,大多數人都說javascript會自動修剪,因此製表符和額外的間距不起作用。另一個原因是它在某些瀏覽器中無法識別。我正在使用Chrome。

遇到以上的回覆,我沒有看到任何解決方案。有沒有辦法來禁用自動修剪?謝謝。

+3

有沒有這樣的事情在HTML標籤。 –

+0

請發佈一些代碼,顯示你在做什麼 - JavaScript,但也HTML如果適用。您的問題最重要的細節是文本顯示的位置。如果它位於網頁中,即以HTML格式,那麼你會發現所有連續的空格都被視爲單個空格。 – dgvid

+2

使用CSS來做到這一點。文本縮進,頁邊空白或空格。 –

回答

0

HTML修剪空白到1,而不是JS。您可以使用CSS更改此行爲。設置white-space: pre以使其尊重文本中的所有空格和換行符。

http://www.w3schools.com/cssref/pr_text_white-space.asp

+1

W3Schools不是一個可靠的來源。這裏有一個更好的鏈接:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space – Eric

1

該標籤將在JavaScript本身工作。如果您看到代碼在控制檯中執行,則大多數(即使不是每個瀏覽器)都會顯示您希望的許多選項卡。

您可能正在使用HTML打印,忽略多個空白字符,除非它們明確打印爲 字符實體。

有關如何打印在HTML的更多信息,請參閱this question

或者,您可以使用CSS white-space property

2

在JavaScript的字符串中使用\t產生改變這種行爲的一組元素製表符,U + 0009:字符表達。這樣就沒有問題。但該選項卡根據定義是HTML中的空白字符,並且在任何普通內容中,任何空白字符序列都相當於一個空格。

但是,在某些情況下,選項卡會導致製表符,每隔8個字符設置一次製表符,這通常不合適。有CSS設置來設置製表位,但瀏覽器的支持是有限的。

選項卡導致製表符的上下文是pre元素(根據定義),textarea元素(實踐中)以及其上設置了white-space: pre的元素。但爲了有意義,tabb還要求字體是等寬字體。

在幾乎所有可以想象到的情況下,您應該使用除製表符之外的其他工具,例如HTML表格。但由於沒有描述具體的內容和目的,因此不可能提出具體的建議。

0

.div1{ 
 
    background-color:#27AE60; 
 
    width:80%; 
 
    height:200px; 
 
    margin:auto; 
 
    border-radius:15px; 
 
} 
 
h1{ 
 
    color:white; 
 
    font-size:18px; 
 
    font-weight:bold; 
 
    font-family:'Roboto slab'; 
 
    text-align:center; 
 
    padding-top:10px; 
 
} 
 
p{ 
 
    color:white; 
 
    font-size:15px; 
 
    font-weight:normal; 
 
    text-align:center; 
 
    padding-top:40px; 
 
}
<html> 
 
    <head> 
 
    <title>wsdfa</title> 
 
    </head> 
 
    <body> 
 
    <div class="div1"> 
 
    <h1> HELLO WORLD</h1> 
 
     <p>This is my first page of HTML CSS</p> 
 
    </div> 
 
    </body> 
 
</html>

+0

不錯的嘗試....... – user6931776