ホームページ  >  記事  >  ウェブフロントエンド  >  div 内の 2 つの要素がラップされないようにするにはどうすればよいですか? _html/css_WEB-ITnose

div 内の 2 つの要素がラップされないようにするにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:35:001647ブラウズ

<div style="width:100px; overflow:scroll ">	<div><a class="node" href="#">Node 1.1.1</a><img src="../html/gaoxiao.gif"></div></div>

私の本来の目的は、2 つの要素を固定幅の DIV の同じ行に配置することです (より大きな画像を配置するなど、2 つの要素の幅が DIV を超える場合)。
しかし、私の現在の書き方によれば、3499910bf9dac5ae3c52d5ede7383485 は別の行に配置されます。どうすればこれを実現できますか?
親愛なる999999のヒーローたち!


ディスカッションに返信(解決策)

高さを設定し、overflow:hidden

2 つの div を書き込み、3499910bf9dac5ae3c52d5ede7383485 タグを div に書き込み、img を div に書き込みます。フロート上

dcb4fb45ce389a0dbe22af5f0b0420f5

ありがとうございます。 。

先生、問題は解決されましたか? 私もその問題に遭遇しましたが、まだ解決していません。

WHITE-SPACE:nowrap; 一部は解決しましたが、新たな問題が発生しました。 。無力感を表現する。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。