CKEditorでキャプション付きの画像を登録すると左のようになる。
しかし、キャプションが長くなると左のようになってしまう。
このような場合、
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom; }
を追加すると左のようにキャプションが折り返される。
キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法
OTHER FAQ
カテゴリ |
Core Ver. | 関連モジュール | タイトル |
|---|---|---|---|
| コンテンツの作成 | 8.4x | PhpSpreadsheet | Excelを読み書きする方法 |
| コンテンツの作成 | 7.15 | Form API Validation | フォームの入力内容を細かくチェックしたい |
| コンテンツの作成 | 8.9.x | CSS | キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法 |
| コンテンツの作成 | 7.31 | CKEditor | CKEditorの新規生成ダイアログ内の初期値の変更 |
| コンテンツの作成 | 6.x | Insert Block | ブロックの内容を本文中に表示するには？ |
| コンテンツの作成 | 7.38 | CKEditor | CKEditorの「ソース」に入力したタグが消える |
| コンテンツの作成 | 7.38 | node form | ノード編集フォームをテーブル表示形式にしたい |
| コンテンツの作成 | 7.50 | Code per Node | ページ毎にCSSやJSを設定したい |
| コンテンツの作成 | 7.26 | CKEditor Views | Viewsでティザーを一覧するとページのレイアウトが崩れることがある |
| コンテンツの作成 | 7.15 | Automatic_Nodetitles Automatic_Entity_Label | ノード投稿フォームにタイトル入力フォームを表示しない方法 |
| コンテンツの作成 | 8.4x | Download | とにかく何でもコンテンツをダウンロードさせる方法 |
| コンテンツの作成 | 7.34 | ajax | 標準のajaxフォーム（複数値：値の数＝無制限）の制御l方法 |
| コンテンツの作成 | 7.38 | Views | CSV出力にHTMLが入ってしまう |
| コンテンツの作成 | 8.9.x | Display sweet, Views, Twig Tweak, Views field formatter | テーマに頼らず コンテンツのフィールドとしてViewsを埋め込み表示する方法 |
| コンテンツの作成 | 7.15 | Mailhandler | メールを通じてnodeの投稿をするには |
| コンテンツの作成 | 7.38 | CKEditor | 突然GoogleMap内の経路がずれてしまった |
| コンテンツの作成 | 8.4x | node | 新規ノードを作成する |
| コンテンツの管理 | 8.6.x | Commerce | Commerce orderからすべての商品名を取得する方法 |
| コンテンツの管理 | 7.50 | Administration menu | 標準のユーザー管理ページ |
| コンテンツの管理 | 7.16 | PHP | 好きなところにノードを埋め込みたい |