CKEditorでキャプション付きの画像を登録すると左のようになる。
しかし、キャプションが長くなると左のようになってしまう。
このような場合、
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom; }
を追加すると左のようにキャプションが折り返される。
キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法
OTHER FAQ
カテゴリ |
Core Ver. | 関連モジュール | タイトル |
|---|---|---|---|
| コンテンツの作成 | 8.9.x | vim nkf | ファイルのエンコーディングを確認、変更する方法 |
| コンテンツの作成 | 7.50 | Inline Entity Form | Drupal6のフィールドグループのようなモジュールはありませんか？ |
| コンテンツの作成 | 7.38 | Webform | Webformでテーブル形式にしたい |
| コンテンツの作成 | 7.22 | node Views | ノードに付いたコメントに関する情報を得る |
| コンテンツの作成 | 7.50 | Expanding Textareas | Textareaフォームの行サイズを自動調整するモジュール |
| コンテンツの作成 | 7.38 | node | 代理投稿を可能にしたい |
| コンテンツの作成 | 8.9.x | CSS | キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法 |
| コンテンツの作成 | 8.4x | node | node保存前に色々やる方法 |
| コンテンツの作成 | 7.26 | PHP | ノード内の一部（フィールド）を変更する |
| コンテンツの作成 | 8.4x | json | jQueryにjsonで渡す方法 |
| コンテンツの作成 | 7.34 | CCK | ノード入力フォームへパラメータを渡す |
| コンテンツの作成 | 8.4x | archiver | zipファイル圧縮・解凍する方法 |
| コンテンツの作成 | 7.15 | Darty Form | 編集ページでの操作ミス |
| コンテンツの作成 | 7.15 | Form API Validation | フォームの入力内容を細かくチェックしたい |
| コンテンツの作成 | 7.31 | CKEditor | CKEditorの新規生成ダイアログ内の初期値の変更 |
| コンテンツの作成 | 7.38 | CKEditor | CKEditorの「ソース」に入力したタグが消える |
| コンテンツの作成 | 6.x | Insert Block | ブロックの内容を本文中に表示するには？ |
| コンテンツの作成 | 7.38 | node form | ノード編集フォームをテーブル表示形式にしたい |
| コンテンツの作成 | 7.34 | Entityreference prepopulate | 新規ノード作成時のリファレンス方法 |
| コンテンツの作成 | 8.9.x | Display sweet, Views, Twig Tweak, Views field formatter | テーマに頼らず コンテンツのフィールドとしてViewsを埋め込み表示する方法 |