Question

我试图在2个文本之间使用\ t但是\ t选项卡不起作用，并且在2个文本之间没有给出空格。我试图只使用间距，这也不起作用。任何超过1个空格的东西似乎都会被修剪掉。

我环顾四周，大多数人都说javascript会自动修剪，因此标签和额外的间距不起作用。另一个是在某些浏览器中无法识别它。我正在使用Chrome。

遇到上述回复后，我没有看到任何解决方案。有没有办法禁用自动修剪？谢谢。

Answer 1

在JavaScript中的字符串文字中使用\t会生成制表符U + 0009：CHARACTER TABULATION。这样没有问题。但是，根据定义，选项卡是HTML中的空白字符，在任何普通内容中，任何空格字符序列都等同于空格。

但是，在某些情况下，标签会导致标签，每8个字符设置制表位，这通常是不合适的。有设置制表位的CSS设置，但浏览器支持有限。

选项卡导致标签的上下文是pre元素（按定义），textarea元素（实际上）和设置white-space: pre的元素。但为了理解，tabbing还要求字体是等宽的。

在几乎所有可以想象的情况下，您应该使用制表符以外的工具，例如HTML表。但由于没有描述具体的背景和目的，因此无法给出具体的建议。

Answer 2

HTML将空格减少到1，而不是JS。您可以使用CSS更改此行为。设置white-space: pre以使其尊重文本中的所有空格和换行符。

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

Answer 3

该标签将在JavaScript中运行。如果您看到在控制台中执行的代码，大多数（如果不是每个浏览器）都会显示任意数量的选项卡。

你可能会在HTML中打印它，它会忽略多个空白字符，除非它们被明确打印为 个字符实体。

有关如何在HTML中打印的详细信息，请参阅this question

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

更改一组元素的此行为

Answer 4

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

\ t无法使用JavaScript

4 个答案: