Html 如何防止DIV标记开始新行？

我想向包含标记的浏览器输出单行文本。渲染时，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>

div
是一个块元素，它总是占据自己的行

改为使用
span
标记使用div和链接上的float:left，或使用span.
将
style=“display:inline”
添加到您的div中。

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

div
标记是导致该行为的块元素

您应该使用内联的
span
元素

如果确实要使用
div
，请添加
style=“display:inline”
。（您也可以将其放入CSS规则中）
我不是专家，但请尝试
空白：nowrap

所有主要浏览器都支持空白属性

注意：IE7及更早版本不支持值
“inherit”
。IE8需要一个
！DOCTYPE
。IE9支持“继承”
您只需使用：

#contentInfo_new br {display:none;}

使用css属性-空白：nowrap
 一个更好的折线方法是使用span和CSS样式的参数whitespace:nowrap

span.nobreak {
  white-space: nowrap;
}

or
span.nobreak {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

直接在HTML中创建示例

<span style='overflow:hidden; white-space: nowrap;'> YOUR EXTENSIVE TEXT THAT YOU CAN´T BREAK LINE ....</span>

你的广泛文本，你不能断线。。。。
溢出-x：滚动；
宽度：最大含量；

为我工作，希望这对其他人有帮助

（用例：我的一行中有很多DIV正在断开到下一行，但在本例中，我希望用户向右滚动）
仅
display:inline
与DIV的用途相矛盾，因此请不要这样做！用span代替。我很清楚这一点；这就是为什么我要写
（如果你真的想写的话）
。它没有定义任何表示特征。换句话说，根据div所包含的内容和元素的定义，div在语义上是合适的。因此，可以将div设置为display:inline，并且不违反任何语义或标准定义。在我的例子中，我不能使用span，因为我想定义一个break-word-wrap属性，而这些属性只适用于块类型元素。但我不能用div，因为我不想换新的线路。因此，我使用了
display:inline block
和一个div元素。不管你怎么说风格，但这解决了两个问题。它对我不起作用！我以为它会扩展div所在的单元格，但没有发生任何变化。您混淆了函数的表示形式。div占用自己的行，因为它默认显示为display:block，没有其他原因。但是span也会在前后创建一个换行符？使用javascript+php是个糟糕的主意，而您只能使用css。@Piero为什么这么说？前端通常需要后端app@Curious是的，但是后端应该处理后端的事情，比如计算和数据处理，而前端应该留给浏览器处理。这降低了服务器负载并改善了用户体验。这是一般性的。然而，在这种特殊情况下，这就足够了。对于getData.php，如果apache可以处理，为什么要让php解析和输出javascript？比如：src=“getData.js？id=”只是指出，使用echo时不需要括号<代码>echo$id
与echo（$id）一样有效。当您需要内联块元素在换行元素上有
overflow:hidden
，并且您根据父元素“在后台”移动它时，最好不要在行尾换行（这应该是答案）。随着
span
的移动，它不起作用，仍然会中断到下一行。使用
span
和
空白：nowrap它不会中断到下一行。