javascript - JavaScript不会在同一行输出结果

我在这段代码上遇到了麻烦

  <div id="ip"></div>
<div id="city"></div>
<div id="land"></div>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $.get("https://api.ipdata.co?api-key=test", function (response) {
        $("#ip").html("IP: " + response.ip);
        $("#city").html(response.city + ", " + response.region);
        $("#land").html(response.country_name + ", " + response.region);

        $("#response").html(JSON.stringify(response, null, 4));
    }, "jsonp");

</script>

我希望结果应该显示在同一行而不是这样
enter image description here
我尝试了一切，但结果就这样了。我需要帮助！我需要IP地址和城市名称应该在同一行

最佳答案

像这样？为什么不将所有内容放在同一个div中，这似乎对我来说是更清洁的解决方案，这将是我的方法。

<div id="wrapper"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
  $.get("https://api.ipdata.co?api-key=test", function(response) {
    $("#wrapper").append("IP: " + response.ip);
    $("#wrapper").append(" " + response.city + ", " + response.region);
    $("#wrapper").append(" " + response.country_name + ", " + response.region);

    $("#response").html(JSON.stringify(response, null, 4));
  }, "jsonp");
</script>

关于javascript - JavaScript不会在同一行输出结果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59698638/