2014-03-26 29 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