Rumah > hujung hadapan web > html tutorial > 如何让div中的2个元素不换行?_html/css_WEB-ITnose

如何让div中的2个元素不换行?_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:35:00
asal
1660 orang telah melayarinya

<div style="width:100px; overflow:scroll ">	<div><a class="node" href="#">Node 1.1.1</a><img  src="../html/gaoxiao.gif" alt="如何让div中的2个元素不换行?_html/css_WEB-ITnose" ></div></div>
Salin selepas log masuk

我的本意就是想在一个固定宽度的DIV中,放置两个在同一行上的元素(当两个元素的宽度超过DIV时,如比放一张较大的图片)。
但是目前照我这样的写法,如何让div中的2个元素不换行?_html/css_WEB-ITnose这两个会处于不同行,请教该如何实现?
各位大侠999999!


回复讨论(解决方案)

设定高度,overflow:hidden

写2个div,,标签写在一个div里 ,,img写 在一个 div里,,让他们 坐浮动 


 
非常感谢。。

楼主,问题有没有解决啊,我也遇到了,一直没有搞定!

WHITE-SPACE:nowrap;解决了一部分,出现新的问题了。。表示很无奈。

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan