是否可以使用CSS(或可选择使用JS)删除文本末尾的空格?我尝试了各种display
属性,但它们似乎都没有用。我需要在多行句末尾动态插入blink-div
。目前它正在phrase-div
之外添加,其中包含示例文本(作为div,它是带有我不需要的空格的矩形)。 HTML结构如下所示:
<div id="writr-div">
<div id="phrase-div"></div>
<div id="blink-div"></div>
</div>
请查看两张图片:
原始
所需效果(边框和背景用于预览目的):
编辑: 好吧,我可能还没有弄清楚自己。这就是我想要的(这不是一个绝对的位置,我需要它在发送结束时,无论多长时间):
谢谢, 卢卡
答案 0 :(得分:2)
只需使用span:
#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;