你如何使div元素显示为内联？

Question

你如何使div元素显示为内联？鉴于此HTML：<div>foo</div><div>bar</div><div>baz</div>你如何使它们像这样内联显示：foo bar baz不是这样的：foo bar baz

Answer 1

那就是其他的东西：

div.inline { float:left; }

.clearBoth { clear:both; }

<div class="inline">1<br />2<br />3</div>

<div class="inline">1<br />2<br />3</div>

<div class="inline">1<br />2<br />3</div>

<br class="clearBoth" /><!-- you may or may not need this -->

Answer 2

内联div是网络的怪人，应该被打败直到它成为一个跨度（至少9次中的10次）...

<span>foo</span><span>bar</span><span>baz</span>

...回答原来的问题......

Answer 3

尝试这样写：

div { border: 1px solid #CCC; }

    <div style="display: inline">a</div>
    <div style="display: inline">b</div>
    <div style="display: inline">c</div>