CKEditorでキャプション付きの画像を登録すると左のようになる。
しかし、キャプションが長くなると左のようになってしまう。
このような場合、
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom; }
を追加すると左のようにキャプションが折り返される。
キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法
OTHER FAQ
| カテゴリ | Core Ver. |
関連モジュール |
タイトル |
|---|---|---|---|
| テーマ | 8.7.x | Bartikのtwigについて | |
| テーマ | 8.9.x | スマホに向いたテーマについて | |
| ブロック | 7.23 | 伸縮するfieldsetブロックを追加したい | |
| jQuery Revolution | 7.50 | jQuery Revolutionのリンクがスマホで機能しない | |
| PCRE | 7.50 | preg_match()がおかしい | |
| コンテンツの管理 | 8.9.x | 写真の変更を行いたい | |
| コンテンツの作成 | 8.4x | コンテンツ作成時のフォームレイアウトの変更 | |
| Apache2.4 | 7.50 | Apache2.4のアクセス制限 | |
| サイトの環境設定 | 8.9.x | 編集 | |
| テーマ | 7.34 | スマホ、PCおよびアプリを同時に運用可能なおすすめのテーマはありますでしょうか？ | |
| サイトの環境設定 | 7.15 | トップ（ホーム）ページを変更するには？ | |
| CentOS | 7.50 | 消せないファイルを消すには | |
| 言語 | 6.22 | URLエイリアスを使った場合に、翻訳したページで同じURLエイリアスが使えないという不具合 | |
| コンテンツの管理 | 8.4x | Action | カスタムアクションを作成する方法 |
| コンテンツの管理 | 7.50 | Administration menu | 標準のユーザー管理ページ |
| コンテンツの作成 | 7.34 | ajax | 標準のajaxフォーム（複数値：値の数＝無制限）の制御l方法 |
| サイト情報 | 8.9.x | api | Drupal::request() メモ |
| フォーム | 8.9.x | api | GET/POSTされた情報を得る方法 |
| SESSION | 8.9.x | api | $_SESION操作のAPI |
| コンテンツの作成 | 8.4x | archiver | zipファイル圧縮・解凍する方法 |