你如何使div元素顯示為內(nèi)聯(lián)?鑒于此HTML:<div>foo</div><div>bar</div><div>baz</div>你如何使它們像這樣內(nèi)聯(lián)顯示:foo bar baz不是這樣的:foo bar baz
4 回答

躍然一笑
TA貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個(gè)贊
那就是其他的東西:
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 -->

慕后森
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
內(nèi)聯(lián)div是網(wǎng)絡(luò)的怪人,應(yīng)該被打敗直到它成為一個(gè)跨度(至少9次中的10次)...
<span>foo</span><span>bar</span><span>baz</span>
...回答原來的問題......

繁星coding
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個(gè)贊
嘗試這樣寫:
div { border: 1px solid #CCC; }
<div style="display: inline">a</div> <div style="display: inline">b</div> <div style="display: inline">c</div>
添加回答
舉報(bào)
0/150
提交
取消