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属性。

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

Answer 3

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

使用span代码

Answer 4

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

Answer 5

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

Answer 6

使用CSS属性-空格：nowrap;

Answer 7

更好的方法是使用跨距和CSS样式参数空白：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>

Answer 8

overflow-x: scroll;
width: max-content;

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

（用例：我连续有很多 div 中断到下一行，但在这种情况下我希望用户向右滚动）

Answer 9

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

您可以简单地使用：

#contentInfo_new br {display:none;}

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

10 个答案: