CKEditorでキャプション付きの画像を登録すると左のようになる。
しかし、キャプションが長くなると左のようになってしまう。
このような場合、
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom; }
を追加すると左のようにキャプションが折り返される。
キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法
OTHER FAQ
| カテゴリ | Core Ver. | 関連モジュール | タイトル |
|---|---|---|---|
| フォーム | 8.6.x | JavaScript | 特定のformに動的にJavaScriptをロードする方法 |
| Commerce2 | 8.6.x | Commerce Order | Commerceで注文情報から全Itemを得る方法 |
| Commerce2 | 8.6.x | Commerce Shipment | Commerceで配送情報を得る方法 |
| Commerce | 8.6.x | Commerce Payment Order | Commerceで歴代購入数／金額を集計する方法 |
| コンテンツの管理 | 8.6.x | Commerce | Commerce orderからすべての商品名を取得する方法 |
| サイトの環境設定 | 8.6.x | Simhony Yaml | yamlファイルを読み込む方法 |
| フォーム | 8.6.x | JavaScript | 特定のformにJavaScriptを紐付ける方法 |
| Commerce | 8.6.x | Commerce Payment Gateway | オリジナルCommerce決済モジュール（Offsite）で決済サーバーへのPOST時のエンコードを変更する方法 |
| コンテンツの管理 | 8.5.x | Field File | コンテンツのフィールドの表示について |
| Libraries | 8.5.x | Libraries | Commerceで外部JavaScriptをテスト／本番で読み分ける方法 |
| JavaScript | 8.5.x | PHP | Commerce決済モジュール設定をJavaScriptにデータに渡す方法 |
| サイトの構築 | 8.3x | Webform | Webformモジュール メールアドレスの入力ミス確認 |
| Viewsプログラミング | 8.4x | Views | drupal8におけるViewsプログラミング |
| サイト情報 | 8.4x | JavaScript | JavaScriptに変数を渡す方法 |
| テーマ | 8.4x | hook_preprocess_html | bodyタグにnode idやaliasのClassを追加する方法 |
| コンテンツの作成 | 8.4x | json | jQueryにjsonで渡す方法 |
| コンテンツの作成 | 8.4x | Download | とにかく何でもコンテンツをダウンロードさせる方法 |
| コンテンツの作成 | 8.4x | PhpSpreadsheet | Excelを読み書きする方法 |
| コンテンツの作成 | 8.4x | archiver | zipファイル圧縮・解凍する方法 |
| コンテンツの作成 | 8.4x | node | 新規ノードを作成する |