检查器中此空白的含义是什么？

Question

在两个跨度“ day_date”和“ update_date”之间有一条灰线，当我单击检查器时，它说是空白，这意味着空白。 由于我想获得与下图完全相同的结果，所以我认为灰线是用“右边界”制作的。

我的最终目标是通过编码产生一条灰线

P.S。这是源代码

<div id="t3-topbars" class="t3-topbars">
<div class="container">
    <div class="row">
        <div class="t3-date col-xs-4 col-sm-5 col-md-6 col-lg-7">
    <span class="day-date">Dec 16, 2019</span>              <span class="update-date">
                Last Updated 8:02 AM, Nov 26, 2019        </span>
    </div>

Answer 1

这是由于标准空格所致。

表格developer.mozilla.org：

  

将5个字符指定为ASCII空格：U + 0009 TAB，U + 000A LF，U + 000C FF，U + 000D CR和U + 0020 SPACE。在文本中，在很多情况下，它们被视为普通空格字符，而顺序空格被折叠为单个空格

用于从站点检查器中删除此[空白]。您必须删除标准的空白，例如换行。

您会看到： DevTools now display white space text nodes in the DOM inspector

Answer 2

我希望此链接对您有用DevTools now display white space text nodes in the DOM inspector

您可以在设计中使用填充或空白标记周围的空白来创建空白