删除 div 中文本周围的空格
Remove whitespace around text in div
是否可以使用 CSS(或可选地使用 JS)删除文本末尾的白色 space?我尝试了各种 display
属性,但其中 none 似乎有效。我需要在多行句子的末尾动态插入一个 blink-div
。目前它被添加到 phrase-div
之外,其中包含示例文本(作为 div,它是带有白色 space 的矩形,我不需要)。 HTML 结构如下所示:
<div id="writr-div">
<div id="phrase-div"></div>
<div id="blink-div"></div>
</div>
请查看两张图片:
原文:
想要的效果(边框和背景仅供预览):
编辑:
好吧,我可能还没有说清楚。这就是我想要的(这不是绝对位置,我需要它在句子的末尾,不管它有多长):
谢谢,
卢卡
只需使用跨度:
#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>
是否可以使用 CSS(或可选地使用 JS)删除文本末尾的白色 space?我尝试了各种 display
属性,但其中 none 似乎有效。我需要在多行句子的末尾动态插入一个 blink-div
。目前它被添加到 phrase-div
之外,其中包含示例文本(作为 div,它是带有白色 space 的矩形,我不需要)。 HTML 结构如下所示:
<div id="writr-div">
<div id="phrase-div"></div>
<div id="blink-div"></div>
</div>
请查看两张图片:
原文:
想要的效果(边框和背景仅供预览):
编辑: 好吧,我可能还没有说清楚。这就是我想要的(这不是绝对位置,我需要它在句子的末尾,不管它有多长):
谢谢, 卢卡
只需使用跨度:
#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>