OPによる編集: この回答を編集して、私のユースケースに正確に一致するように、私が望むものに非常に近いものにしました。
自動車 S.O. が提案した Web リンクの 1 つ (「vertical-align-text-next-to-an-image」) はアイデアを提供します (また、別のリンク (epub 知識 ))。
投稿した例では、変換変換を使用しています。
電子書籍に関しては、他にも考慮すべき要素があります…
電子書籍ユーザーは、「リフロー可能な」電子書籍のフォント サイズを変更できることに留意してください (これがあなたの目的であると想定されます)。電子書籍リーダーごとに、好みのフォント サイズの設(shè)定が異なる場合があります。この要素も考慮する必要があります。おそらく読者は、さまざまな潛在的なフォント サイズに合わせて一連の @media コマンドを選択するかもしれません。このサンプルは FF、Chrome、Edge でテストされました。
プロジェクトに合わせてさらに準(zhǔn)備を進めるには:
背景畫像の URL を追加します。 -
CSS で正確な畫像の幅/高さを設(shè)定します。 -
変換変換を希望のレベルに設(shè)定します。 -
余分なギャップを埋めるためにテキスト行が畫像の下に移動するように margin-bottom を設(shè)定します。 -
ニーズに合わせて CSS/HTML で上部の「オーバーバー」を作成します。 -
リーリー
リーリー
いいねを押す +0
P粉415632319