php - 如何将我的文本与 AJAX 调用保持在同一行？

Question

我试图将我的 ajax 调用保持在同一行，如下所述：http: //external.sidewaykill.com/versound/motd.php。

不会的，我该怎么办？

    $(document).ready(function() {
 $.ajaxSetup ({
  cache: false
 });
 var ajax_load = "<img src='http://static.sidewaykill.com/img/ajax-loader2.gif' alt='loading...' />";

// load() functions
 var loadUrl = "playercount.php?id=2";
  $("#servercount").html(ajax_load).load(loadUrl);
 });

Answer 1

这与PHPHTML 的绝对糟糕的标记和缺少CSS. 您将希望将所有这些“自由文本”包装在一div两个内，然后确保wrapper div将infobar div

示例 CSS：

#infobar p{
float: left;
margin-left: 5px;
}

HTML：

<div id="infobar">
  <div style="float: left;">
        <p>Welcome! Our server count is:</p> 
        <p>1 / 10</p>
        <p>We hope you enjoy your stay! We are currently playing on gm_construct.</p>
  </div>
</div>

Answer 2

这是因为 ajax 调用返回一个 div 元素，

像这样：

<div id="count"> 0 / 10</div>

由于 div 是一个块元素，它总是会在新行中呈现。有两种解决方案

一种是返回一个<span>元素而不是 div

第二个是如果你无法更改返回值，你可以通过 css 修复它

#servercount #count { display : inline }

我的建议是采用第一个解决方案