如何避免使用 p 标签进入新行？答案

【问题标题】：How to avoid going to new line with p tag?如何避免使用 p 标签进入新行？
【发布时间】：2014-09-27 17:48:12
【问题描述】：

我想要的输出是：-

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"

那么我怎样才能避免换行，以便我可以在同一行获得两个元素？

【问题讨论】：

您可能更喜欢简单地使用除 P 之外的其他标记。P 代表段落。段落通常超过 2-3 个单词。
how to avoid a new line with p tag?的可能重复

标签： javascript html css

【解决方案1】：

您可以更改标记，但我假设您无法控制 HTML，因此，p 默认是 块级元素，因此您需要使用 display: inline-block; 或 @ 987654324@

p {
    display: inline; /* Better use inline-block if you want the p 
                        tag to be inline as well as persist the block 
                        state */
}

Demo

提醒您，将script 标记从p 元素中取出。另请注意，您正在使用属性来对齐文本，您可以使用 text-align: right; 之类的 CSS 而不是 ~~align="right"~~

【讨论】：

我应该在哪里使用它？
对于你不想换行的 p 只需使用
Date:
或者如果你想使您可以轻松地为该 p 使用这样的类
Date:
并在您的

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

这应该可行。您将 innerHTML 附加到嵌套的 p 标记，因此您得到了换行符。由于它的块行为，它来到了下一行。将 innerHTML 附加到第一个 p 标签本身

【讨论】：

【解决方案4】：

你得到一个 lint break 因为有两个 p。试试这个：

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

【讨论】：