このビデオを見てください。MS Wordでは、任意の要素をどこにでもドラッグできます。これに基づいて、残りのコンテンツ(このビデオの例ではテキストのみ)がリフローし、適切に折り返されます。たとえば、2つの画像を並べて、一方をもう一方にドラッグすると、その間のテキストはそれに応じて縮小または拡大します。
とにかく、Javascriptを使用してHTMLでそのような動作を模倣することは可能ですか?私が見つけた最大の難しさは、要素がHTMLのコンテンツを所有しているという事実です。つまり、span
はそのテキストを所有し、はそのテキストをdiv
所有します。しかし、ビデオでは、画像の間にあるテキスト要素がそれ自体のコンテンツを正確に含んでいないことがわかります。テキストを左から右に転送するときに、それに収まるものは何でも取得します。そのため、向きを変えると内容も変わります。また、そのテキストは連続的ではありません。複数の文の断片が含まれています。
そのような操作はHTMLとJavascriptで可能ですか?もしそうなら、どんなヘッズアップもいいでしょう...