私の問題を考えてください。一連の画像を改行しないテキストのように動作させたいのですが、
親要素- 任意の要素で、幅が固定されている場合と固定されていない場合があるため、基本的に css を適用することはできません。ほとんどの場合、それは「td」タグです。
子 div - これは単語のように動作する必要があります。固定幅は決定できませんが、イメージの高さとして固定の高さを持ち、css を適用できます。
画像- これは単語の文字のように動作する必要があり、固定幅と子 div と同じ固定高さを持ちます。
これは、HTML 要素の通常の Box Model の動作であり、要素内のテキストは固定幅です。
|=======親要素========|
| | スペースを含む改行テキスト |
| | 間に。| |
| | _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ | _ _ _
これは避けられない状態であり、親がその固定幅を増やさなければなりません。
|==============親要素===========|
| | |=============子div ===============| | |
| | |SomeUnbreakingLongWordHavingNoSpaces| | |
| | | | | _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ | |
| | _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ __ _ _ ___ |
間にスペースのない画像を同じように動作させたいのですが、次のように動作します。
|=======親要素========|
| | |=========子 div =========| | |
| | | | |画像| |画像| |画像| |画像| | | | |
| | | | |画像| |画像| | | | |
| | | | _ _ _ _ _ _ _ _ _ _ __ _ _ ___ _ _| | | |
| |__ _ __ _ _ __ _ _ __ _ _ __ _ __ | _ _ _
画像と子 div の高さは固定されているため、基本的に余分な要素は水平方向に右に押す必要がありますが、そうではありません。この問題に関する解決策を共有してください。
良い１日を ！