Home >Web Front-end >HTML Tutorial >如何让div中的2个元素不换行?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-21 09:35:001673browse

<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>

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


回复讨论(解决方案)

设定高度,overflow:hidden

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


 
非常感谢。。

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

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn