CKEditorでキャプション付きの画像を登録すると左のようになる。
しかし、キャプションが長くなると左のようになってしまう。
このような場合、
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom; }
を追加すると左のようにキャプションが折り返される。
キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法
OTHER FAQ
カテゴリ |
Core Ver. | 関連モジュール | タイトル |
|---|---|---|---|
| フォーム | 7.38 | Views | Views一覧の絞り込み検索フォームで複数フィールドを対象にしたい |
| フォーム | 8.7.x | Webform | WebformのCheckboxの要素にて表記の変更 |
| フォーム | 7.15 | Webform | WebformのEntity Translation |
| フォーム | 7.38 | Webform | Webformモジュールをアップデートしたら「このフィールドを入力してください」 |
| フォーム | 7.15 | DefaultTextForNode | 新しいページの作成方法を一から教えてください |
| フォーム | 8.6.x | JavaScript | 特定のformにJavaScriptを紐付ける方法 |
| フォーム | 7.43 | Webform | フォーム関数が実行されるタイミングについて |
| フォーム | 7.15 | Webform Template | Webformを複写したい |
| フォーム | 7.15 | Webform | Webformで確認画面 |
| フォーム | 8.9.x | api | GET/POSTされた情報を得る方法 |
| パフォーマンス | 7.34 | Server | お金をかけないで冗長化するには |
| ニュースレター | 7.34 | Simple news | Simplenewsで追加顧客（リスト）だけにニュースレターを配信する方法 |
| テーマ | 8.3x | Theme | drupal8 で パスに応じたページテンプレート名を利用する方法 |
| テーマ | 8.3x | Core | Twig開発用の設定 |
| テーマ | 7.56 | field | レンダリング配列内に「ラベル非表示」を指定する方法 |
| テーマ | 7.23 | hook | ページや状況によってテーマを切り替える |
| テーマ | 8.3x | Block Cache Theme | 管理ページから作成したカスタムブロックを非キャッシュ化する方法 |
| テーマ | 7.15 | CSS Injector | 簡単にCSSを追加したい |
| テーマ | 8.9.x | Twig | Twig で 月末日を算出する方法 |
| テーマ | 8.9.x | patch パッチ | 開発環境のファイル変更を本番環境にパッチでデプロイする方法（画像含まず） |