Question

我想要的输出是： -

Date: "current date"

我目前的代码是： -

<p align="right">Date: </p>
    <p id="demo" align="right">
    <script>
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toDateString();
    </script>
</p>

给出了输出：

Date:
"current date"

那么我怎样才能避免使用新行，以便我可以将元素放在同一行上？

Answer 1

您可以更改标记，但我认为您无法控制HTML，因此，p默认为块级元素，因此您需要使用{{1 }或display: inline-block;

display: inline;

Demo

为您提供帮助，从p { display: inline; /* Better use inline-block if you want the p tag to be inline as well as persist the block state */ }元素中取出script标记。另请注意，您使用属性来对齐文本，您可以使用p而非 ~~text-align: right;~~

等CSS来执行此操作

Answer 2

因为有两个p，你会得到一个皮棉。试试这个：

<p align="right" id="demo">Date: 
    <script>
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toDateString();
    </script>
</p>

Answer 3

你也不应该把脚本放在段落元素中。我建议你重新格式化你的代码：

<p>Date: <span id="date"></span></p>
<script>
    var d = new Date();
    document.getElementById('date').innerHTML = d.toDateString();
</script>

Answer 4

<p align="right" id= "demo"> Date: </p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
</script>

这应该有效。您将innerHTML附加到嵌套的p标记，因此您获得了换行符。而且由于它的阻塞行为，它将进入下一行。将innerHTML附加到第一个p标签本身

如何避免使用p标签转到新行？

4 个答案: