如何防止 DIV 标签开始新行？

Question

我想向浏览器输出一行包含标签的文本。呈现时，DIV 似乎会导致换行。如何在同一行的 div 标签中包含内容 - 这是我的代码。

 <?php
  echo("<a href=\"pagea.php?id=$id\">Page A</a>")
?>
<div id="contentInfo_new">
  <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>

我试着在这里整理一下。我怎样才能在一行中显示这个内容？

原文由 undefined 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

div 标记是一个块元素，导致该行为。

您应该改用 span 元素，它是内联的。

如果你 真的 想使用 div ，添加 style="display: inline" 。 （你也可以把它放在 CSS 规则中）

原文由 SLaks 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

我不是专家，但试试 white-space:nowrap;

所有主流浏览器都支持 white-space 属性。

注意：IE7 及更早版本不支持值 "inherit" 。 IE8 需要一个 !DOCTYPE 。 IE9 支持 "inherit" 。

原文由 Shivanshu 发布，翻译遵循 CC BY-SA 3.0 许可协议