开发者社区> 问答> 正文

如何在js中消除标签之间空白符号?

我打算用js添加一个紧贴着前一个內联元素的span标签,但是添加之后发现中间有空白字符。

这是html代码:

  <div>
    <span>123456</span><span>|</span>
  </div>
  <div>
    <span id="test">123456</span>
  </div>

这是js:

var test = document.getElementById('test');
var cursor = document.createElement('span');
cursor.textContent = "|";
test.parentNode.appendChild(cursor);

screenshot

展开
收起
杨冬芳 2016-06-21 18:04:08 2072 0
1 条回答
写回答
取消 提交回答
  • IT从业

    内联元素是会有这种情况出现的,解决办法有两个
    1、用浮动,float:left
    2、用flex,flex布局可以解决内联元素间的空格问题

    2019-07-17 19:45:10
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载