Maison > interface Web > tutoriel HTML > 如何让div中的2个元素不换行?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-21 09:35:00
original
1661 Les gens l'ont consulté

<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>
Copier après la connexion

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


回复讨论(解决方案)

设定高度,overflow:hidden

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


 
非常感谢。。

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal