我想有几个内容并排的div,比如
D1 D2 D3 D4 D5
D2 包含一个表单。没有它的工作形式(使用 display:inline 等)。 生成的 HTML 中不应有换行符,因为这是页眉。
我怎样才能做到这一点?
更新这是实际代码
<div id="sep">
<img alt="separator" src="underline.jpg">
<div id="block-search-0" class="block block-search">
<div class="content" style="font-size: 11.52px;">
<form id="search-block-form" method="post" accept-charset="UTF-8" action="/cms/admin/build/block">
<div>
<div class="container-inline">aaa</div>
</div>
</form>
</div>
</div>
<div id="lang">
<ul>
<li class="fr first active"><a class="language-link active" href="/cms/admin/build/block">Français</a></li>
<li class="en last active"><a class="language-link active" href="/cms/en/admin/build/block">English</a></li>
</ul>
</div>
<div id="block-text_resize">
<a id="text_resize_decrease" class="changer" href="javascript:;"><img alt="-" src="aSmall.gif"></a>
<a id="text_resize_increase" class="changer" href="javascript:;"><img alt="+" src="aBig.gif"></a>
</div>
<div class="block-region">bla</div>
</div>
请注意,此处显示的换行符可能与实际代码中的不同。为清楚起见,在此处添加了一些中断。
最佳答案
我不确定将 block 元素(表单)放入内联元素 (display:inline) 时会发生什么。
您可以将 div 保留为 block 元素并将它们 float ,例如:
#sep > div {
float: left;
}
正式你也必须给 float 元素一个宽度,但我不知道这是否真的有必要,以及在你的情况下是否可能。
关于html - 并排 div 的形式不应中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2282243/