キャプション付きの(右寄/左寄)画像を画像サイズを基準にきれいに表示する方法

カテゴリ コンテンツの作成 コアバージョン 8.9.x 関連モジュール CSS

短いキャプション

CKEditorでキャプション付きの画像を登録すると左のようになる。

 

 

画像表示幅を超えてしまう長いキャプション

しかし、キャプションが長くなると左のようになってしまう。

 

 

画像表示幅を超えてしまう長いキャプション

このような場合、
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom; }
​を追加すると左のようにキャプションが折り返される。

OTHER FAQ

Drupal開発・運用の疑問/質問の答えはここに

無料ユーザー登録すると質問できます。

カテゴリ Core Ver. 関連モジュール タイトル
テーマ 7.15 CSS Injector 簡単にCSSを追加したい
コンテンツの管理 6.x Views Flag Calendar 空き室予約のような仕組みは実現できますか?
コンテンツの作成 6.x Views カルーセルのように回転するコンテンツを作りたい
アップデート 7.15 Webform Backup_and_Migrate drupal7.12 -> drupal7.14アップデートメモ
フォーム 7.15 Webform WebformのEntity Translation
フォーム 7.15 Webform Webform - 確認ページの多言語化
コンテンツの作成 7.15 Automatic_Nodetitles Automatic_Entity_Label ノード投稿フォームにタイトル入力フォームを表示しない方法

ページ