html - 检查器中的这个空格是什么意思？

Question

两个跨度“day_date”和“update_date”之间有一条灰线，当我点击检查器时，它说它是空白，空白是什么意思。因为我想要得到与下面显示的图像完全相同的结果，而且我认为灰色线是用“border-right”制作的......

我的最终目标是用代码生成那条灰线

附言这是源代码

<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 :

specifies 5 characters as the ASCII whitespace: U+0009 TAB, U+000A LF, U+000C FF, U+000D CR, and U+0020 SPACE. In text, they are treated as normal space characters and sequencial whitespaces are collapsed as a single space in many cases

用于从您的站点检查器中删除此 [空白]。您必须删除新行等标准空格。

你可以看到: DevTools now display white space text nodes in the DOM inspector