CKEditorでキャプション付きの画像を登録すると左のようになる。
しかし、キャプションが長くなると左のようになってしまう。
このような場合、
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom; }
を追加すると左のようにキャプションが折り返される。
キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法
OTHER FAQ
カテゴリ |
Core Ver. | 関連モジュール | タイトル |
|---|---|---|---|
| ダウンロード | 6.x | Views Bonus Pack | Viewsで表示した内容をCSVダウンロード |
| チューニング | 7.26 | PHP | DrupalはNginxで動く？ |
| テーマ | 8.7.x | Bartikのtwigについて | |
| テーマ | 8.9.x | patch パッチ | 開発環境のファイル変更を本番環境にパッチでデプロイする方法（画像含まず） |
| テーマ | 7.34 | スマホ、PCおよびアプリを同時に運用可能なおすすめのテーマはありますでしょうか？ | |
| テーマ | 8.9.x | スマホに向いたテーマについて | |
| テーマ | 8.3x | Contribute themes | drupal8-寄贈テーマの動向 |
| テーマ | 7.23 | hook | ページや状況によってテーマを切り替える |
| テーマ | 8.4x | hook_preprocess_html | bodyタグにnode idやaliasのClassを追加する方法 |
| テーマ | 8.3x | Theme | drupal8 で パスに応じたページテンプレート名を利用する方法 |
| テーマ | 8.3x | Core | Twig開発用の設定 |
| テーマ | 7.56 | field | レンダリング配列内に「ラベル非表示」を指定する方法 |
| テーマ | 7.15 | CSS Injector | 簡単にCSSを追加したい |
| テーマ | 8.3x | Block Cache Theme | 管理ページから作成したカスタムブロックを非キャッシュ化する方法 |
| テーマ | 8.9.x | Twig | Twig で 月末日を算出する方法 |
| ニュースレター | 7.34 | Simple news | Simplenewsで追加顧客（リスト）だけにニュースレターを配信する方法 |
| パフォーマンス | 7.34 | Server | お金をかけないで冗長化するには |
| フォーム | 8.6.x | JavaScript | 特定のformにJavaScriptを紐付ける方法 |
| フォーム | 7.15 | Webform | Webformで確認画面 |
| フォーム | 7.15 | Webform | Webform - 確認ページの多言語化 |