Question

我将文字放在<textarea>中，如下所示：

First day
1-one apple.
2-one orange.
3-two cups of milk.

但是它显示在这样的<label>中：

First day 1- one apple. 2-one orange. 3- two cups of milks.

如何使其与<textarea>中的外观相同？

Answer 1

给出标签white-space: pre-wrap，它会在文本区域

时断行

＆＃13;

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

＆＃13;

<textarea>
  First day
1-one apple.
2-one orange.
3-two cups of milk.
</textarea>

<br><br>

<label>
  First day
1-one apple.
2-one orange.
3-two cups of milk.
</label>

＆＃13;

除了white-space属性与新行字符（例如\n）相结合之外，HTML方法是使用<br>，这里添加的是一个小样本，它们是如何工作的不同。

注意，即使使用例如空格也可以保留空格。 white-space: pre，如＆＃34; inline＆＃34;代码示例

＆＃13;

var sample_script = document.querySelector('.sample.script');

var name = "One Two Three";
var name1 = name.replace(/ /g, '\n');
var name2 = name.replace(/ /g, '<br>');

sample_script.innerHTML += name1;
sample_script.innerHTML += "<br><br>";
sample_script.innerHTML += name2;

＆＃13;

div.pre {
  white-space: pre;
}


/*  styling for this demo  */
body {display: flex;}
.sample {flex: 1; margin: 0 20px;}

＆＃13;

<div class="sample inline">

  Inline
  <hr>
  <div>
    One
    Two
    Three
  </div>

  <div class="pre">
    One
    Two
    Three
  </div>
</div>

<div class="sample script">
  Script
  <hr>

</div>

＆＃13;

Answer 2

无法在library(data.table); library(dplyr) df %>% group_by(value, id=rleid(value)) %>% summarise(start = min(start), end = max(end)) %>% select(-id) #Source: local data table [3 x 3] #Groups: value # # value start end # (chr) (int) (int) #1 NIC2 11498007 11675212 #2 ED3048 11675212 11675695 #3 NIC2 11675695 12007383代码中添加HTML代码，因此使用css格式化或使用<textarea>代码进行格式化无效。

现在，<br>，让我们说你做得最好：你定义要显示为“4”的最小行数和每行的最小字符数：“20”。

最好的方法是使用<textarea rows="4" cols="20">，您可以在其中使用<div contenteditable="true"></div>等标记以及css样式。

Answer 3

如果您从textarea本身获取文本，那么当我们在textarea中输入时会创建新行返回。您可以使用

替换该换行符

SELECT * FROM markers WHERE ip_address='8.8.8.8';

Answer 4

我发现，尽管<br\>之类的html标签不起作用，但UTF-8标点符号确实起作用。对于一行返回，它将是一个“ en”空格，后跟一个“ em”空格（&ensp;&emsp;）。

有关UTF-8标点的更多信息，您可以在其中找到“ en”和“ em”空间： https://www.w3schools.com/charsets/ref_utf_punctuation.asp

对我来说，实体符号有效，但“ try it”示例中给出的dec或hex无效。

如何显示带换行符的文字标签？

4 个答案: