如何在文本数组中强制使用空格

How to force a blank space in a text array?

本文关键字：空格 文本 数组      更新时间：2023-09-26

所以我正在编写一个随机短语生成器。但是我无法在句子的每个部分之后获得空白......

当我在数组中写入空格时它不起作用，当我在打印短语部分的div 之间放置一个 时，它不起作用......

你能帮我吗？ 我一直在研究这个小提琴：

http://jsfiddle.net/leokaj/wyndk9dk/14/

var adjective = [
  'an amazing ',
  'a luxurious ',
  'a crazy ',
  'an imaginary ',
  'a fun ',
  ],
  //the current adjectives length
  maxAdjective = adjective.length;

提前感谢！

$.html正在解析这些空格。

您可以使用转义字符显式添加空格，如下所示：

$(selector).html(randomVerb + " ");

小提琴：http://jsfiddle.net/pgzocwd2/1/

你也可以用一些css来做到这一点，但它可能不那么干净

.parts:after {
  content: "'00a0";
}

工作 js小提琴

您正在尝试以内联方式显示块元素。只需将显示设置为inline并放弃float:left：

.parts {
    display: inline;
}

当然，最好使用带有跨度的<p>而不是一系列div。如下：

<p id="fullSentence"><span class="parts random-adjective"></span> <span class="parts random-noun"></span> <span class="parts random-context"></span> <span class="parts random-verb"></span> <span class="parts random-adjective"></span> <span class="parts random-noun"></span>.</p>

我刚刚在小提琴中对其进行了测试（在删除 css 中的浮点后，它给了我这个：

an imaginary rabit on a quest fishing with an imaginary rabit .

我还有一个功能来大写短语的第一个字母，我还添加了句号。但是使用带有跨度的 p 元素似乎比一系列div 更正确。

相关文章：