使用新的<p>标记删除换行符

Question

我在我的网站上有这个PHP代码：

<?php
$usernametext = "<p style=" . '"' . "color:#969CB3;font-size:120%" . '"' . ">Username: </p>" . "<p style=" . '"' . "color:black;font-size:150%" . '"' . ">";
echo $usernametext . htmlentities($_SESSION['user']['username'], ENT_QUOTES, 'UTF-8');
?>

但这就是它显示的内容。

我希望它在一行上并显示如下。

<p>标签（带样式）会创建一个我不想要的换行符（或两个）。我试图将<p>标签放在PHP之外，但没有运气。这可能吗？

Answer 1

使用span标记代替p标记

<?php
$usernametext = "<span style=" . '"' . "color:#969CB3;font-size:120%" . '"' . ">Username: </span>" . "<span style=" . '"' . "color:black;font-size:150%" . '"' . ">";
echo $usernametext . htmlentities($_SESSION['user']['username'], ENT_QUOTES, 'UTF-8');
?>

Answer 2

<p>不适合您的工作，您应该使用内联标记，例如<span> 看到这可能会有所帮助

<?php
$usernametext = "<span style=" . '"' . "color:#969CB3;font-size:120%" . '"' . ">Username: </span>" . "<span style=" . '"' . "color:black;font-size:150%" . '"' . ">";
echo $usernametext . htmlentities($_SESSION['user']['username'], ENT_QUOTES, 'UTF-8');
?>

，这是一个Snippet for it

<span>username is</span>
<span>XYZ</span>

color:#969CB3;font-size:120%

<span>username is<span>
  <span>XYZ</span>

Answer 3

简单，将p改为span，因为根据定义，每个p代表一个新段落（可能有一种方法可以避免使用p时换行，但这种方法并不值得）。

Answer 4

为此添加display：inline属性...

<style>
 p {
    display :inline;
  }
 </style>
<?php
$usernametext = "<p style=" . '"' . "color:#969CB3;font-size:120%" . '"' . ">Username: </p>" . "<p style=" . '"' . "color:black;font-size:150%" . '"' . ">";
echo $usernametext . htmlentities($_SESSION['user']['username'], ENT_QUOTES, 'UTF-8');
?>