删除div中文本周围的空格答案

【问题标题】：Remove whitespace around text in div删除div中文本周围的空格
【发布时间】：2018-08-03 10:06:58
【问题描述】：

是否可以使用 CSS（或可选使用 JS）删除文本末尾的空白？我尝试了各种display 属性，但它们似乎都不起作用。我需要在多行句子的末尾动态插入一个blink-div。目前它被添加到包含示例文本的phrase-div 之外（作为 div，它是带有空白的矩形，我不需要）。 HTML 结构如下所示：

<div id="writr-div">
    <div id="phrase-div"></div>
    <div id="blink-div"></div>
</div>

请查看两张图片：

原文：

想要的效果（边框和背景用于预览）：

编辑：好吧，我可能还不够清楚。这就是我想要的（这不是一个绝对的位置，我需要它在句子的末尾，不管它有多长）：

谢谢，卢卡

【问题讨论】：

将背景颜色添加到文本元素中。
我看不出原始输出和所需输出之间有任何区别，除了背景和边框。
@Asgeirr 谢谢，但这不是我想要的，我不需要任何背景:)
@void 我的意思是当你在浏览器中检查一个元素时，你会将一个 div 突出显示为一个矩形。我需要删除所有空白空间，以便我可以在 text 单词旁边添加另一个 div，只要它是可能的。
jsfiddle.net/vp9ttbn9 这样好吗？将display:inline 添加到phrase-div

标签： javascript html css whitespace removing-whitespace

【解决方案1】：

只需使用 span：

#writr-div {
  width:140px;
  border:1px solid;
}
#blink-div {
  border:1px solid red;
}

<div id="writr-div">
    <span id="phrase-div">Some text here and there</span>
    <span id="blink-div"> another text</span>
</div>

【讨论】：

我会接受这是一个正确的答案，非常感谢:)