当页面加载 AJAX 时，为什么我的 URL 之间没有 space？

Question

我有以下四个 a 元素的代码，上面有 Bootstrap 的 btn class。

<a href="{% url 'qna:answer-create-view' object.pk %}" class="btn btn-primary btn-xs">Answer</a>
<a href="#" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> | 0</a>
<a href="#" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-down"></i> | 0</a>
<a href="#" class="btn btn-default btn-xs">Follow</a>

当我将它们作为 HTML 页面加载时，它们之间通常会有一点 space。但是，我在我的 JS 文件中实现了 load() 函数，现在正在加载包含这些元素的部分页面，以便加载新页面所需的时间更少。但是在这种方法中，这些元素之间没有 spaces 并且看起来不美观。我该如何解决？

Answer 1

只需使用 CSS

为它们添加保证金

.btn{
   margin: 0 5px;
   display: inline-block;
}

当页面加载 AJAX 时，为什么我的 URL 之间没有 space？

Why is there no space between my URLs when page is loaded with AJAX?

html

javascript

ajax

jquery

xmlhttprequest