删除div中文本周围的空格

时间:2018-02-23 11:03:03

标签: javascript html css whitespace removing-whitespace

是否可以使用CSS(或可选择使用JS)删除文本末尾的空格?我尝试了各种display属性,但它们似乎都没有用。我需要在多行句末尾动态插入blink-div。目前它正在phrase-div之外添加,其中包含示例文本(作为div,它是带有我不需要的空格的矩形)。 HTML结构如下所示:

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

请查看两张图片:

原始

enter image description here

所需效果(边框和背景用于预览目的):

enter image description here

编辑: 好吧,我可能还没有弄清楚自己。这就是我想要的(这不是一个绝对的位置,我需要它在发送结束时,无论多长时间):

enter image description here

谢谢, 卢卡

1 个答案:

答案 0 :(得分:2)

只需使用span:

&#13;
&#13;
#writr-div {
  width:140px;
  border:1px solid;
}
#blink-div {
  border:1px solid red;
} 
&#13;
<div id="writr-div">
    <span id="phrase-div">Some text here and there</span>
    <span id="blink-div"> another text</span>
</div>
&#13;
&#13;
&#13;