現在、テキスト付きの2つのdivボックス1と2があり、3番目のdivボックス内にそれらを一緒に含めることができます。
ボックス1のテキストがボックス2のテキストよりも長い場合があります-テキストをボックス2の周りに流したいです。
ボックス2のテキストがボックス1のテキストよりも長い場合があります-テキストをボックス1の周りに流したいです。
テキストが一方向に右または左に流れる間は、フロート設定によって異なります。
テキストが多いボックスをテキストが少ないボックスで囲むにはどうすればよいですか？
それはCSSを使用してどのように行われますか？
ありがとう！
それらは2つのdivにあるため、divは長方形または正方形の4つの辺しか持つことができず、互いにラップすることはできません。
あなたがする必要があるのは、1つの内側のdivだけを持ち、それをテキストで埋めてフロートし、次に他のテキストをフローティングdivの外側にあるが、最も外側のdivの内側に置くことです。したがって、基本的に、自由に流れるテキストの親は最も外側のdivです。 、および内部divには独自のテキストがあります。
これにより、外側のテキストが内側のdivとそのコンテンツの周りを流れるようになりますが、2つのdivを作成して、コンテンツの長さに基づいて自動的に互いに折り返す方法はありません。
編集：
jQueryを使用する場合、最初に2つのテキストを非表示の要素に設定し、コンテンツを測定してから、短いコンテンツを内側のdivに追加し、長いコンテンツをそのdivの外側に追加してラップすることができます。