HTML - 如何防止此<div>换行？</div>

Question

在HTML中，我该如何防止这种＆＃34; linebreak＆＃34;使用<div>代码时？

示例：

<div class="menu"><a href="URL"><br><br>menu</a></div>
<div class="apple"><a href="URL"><br><br>apple</a></div>

视觉示例：

如何将 apple 直接显示在菜单的右侧？我似乎无法成功地做到这一点; 苹果始终显示在菜单

下方

注意：假设＆＃39; apple＆＃39; 位于其自己的无敌栗色框内。

Answer 1

使用<span>代替<div>时，您需要摆脱换行符（<br>）。

如果使用内联CSS（样式属性），您可能只想将style = "float:left;"添加到第一个div。这样：

<div class="menu" style="float:left;"><a href="URL"><br><br>menu</a></div>
<div class="apple"><a href="URL"><br><br>apple</a></div>

Answer 2

您可以更改CSS以包含以下内容;

div.menu, div.apple {
    float:left;
    display:inline-block;
}

您可能还需要将每个的宽度设置为小于50％。

Answer 3

听起来你想要并排显示两个块元素？ 您是否尝试过使用“display：inline-block;”你的css中的财产了吗？

Answer 4

<div class="menu"><a href="URL"><br><br>menu</a><span class="youtube"><a href="URL"><br><br>youtube</a></div>