> 웹 프론트엔드 > HTML 튜토리얼 > 如何让div中的2个元素不换行?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:35:00
원래의
1662명이 탐색했습니다.

<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;解决了一部分,出现新的问题了。。表示很无奈。

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿