動的テキスト コンテンツを含む div があります。テキストの量は、1 語から 5 語または 10 語 (大きなフォント) までさまざまです。現在、それは相対的に配置された親の下部と右側からいくらか絶対に配置されています。
ただし、コンテンツは動的であるため、場合によってはテキストが多くなり、テキストが親のメイン領域に入り込むとぎこちなく見えます。これは、現在、div の基準点が右下隅にあるためです。上図のように中心を基準に配置することは可能でしょうか?
親コンテナは通常どおりスタイル設定されていますposition: relative;
。100% width and height
子コンテナーの CSS もかなり標準的です。
position: absolute;
bottom: 33%;
right: 33;
width、max-width、および min-width で遊んでみましたが、結果はまだ望ましくありません