如何防止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>

我试着在这里整理一下.如何在一行显示此显示？

Answer 1

该div标签是块元素,造成这种行为.

您应该使用span内联的元素.

如果你真的想使用div,请添加style="display: inline".(你也可以把它放在CSS规则中)

Answer 2

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

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

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

Answer 3

div 是一个块元素,它总是占用自己的行.

请改用span标签

Answer 4

添加style="display: inline"到您的div.

Answer 5

在div和链接上使用float:left,或者使用span.