确保你的 HTML 结构类似于这样：

<div class="item">
    <a href="/"><i class="fa fa-folder-open-o"></i>笔记</a>
    <i class="fa fa-clock-o"> 2023-08-24</i>
    <i class="fa fa-eye"></i> 545
</div>

接下来，在你的 CSS 文件中，你可以这样设置

 .tiem {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    font-size: 12px;
    color: #999;
    gap: 15px;
    margin-bottom: 15px;
}

在这个例子中：

display: flex; 将 .item 容器变成一个弹性容器。
align-items: center; 确保所有子元素在垂直方向上居中对齐。
justify-content: space-between; 会将子元素平均分布在容器中，确保第一个元素靠近开始边缘，最后一个元素靠近结束边缘，其余元素均匀分布。
gap: 10px; 添加了一个固定的间距，这意味着所有子元素之间都有 10px 的空间。
这样设置后，你的三个元素应该会有一个很好的间距。你可以根据需要调整 gap 的值来增加或减少这些元素之间的间距。