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

我试图把它整理在这里。 我怎样才能在一条线上显示这个显示？

Answer 1

div标签是一个块元素，导致这种行为。

你应该使用一个span元素，而不是内联。

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

Answer 2

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

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

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

Answer 3

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

请使用span标签

Answer 4

使用float：留在div和链接上，或者使用span。

Answer 5

将style="display: inline"到您的div。

Answer 6

 <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> 

Answer 7

你可以简单地使用：

 #contentInfo_new br {display:none;}