Local by frywheelでcaptionが崩れた時の直し方

コーディング
ヨシオカ レオ
Like : Web | デザイン | カメラ | スノーボード | 英語 |

WordPressをローカル環境で構築する時なんのツールを使用されていますか?

WindowsならXAMPでMACユーザーであればMAMPを使用している方も多いと思います。最近パソコンを買い換えたこともあり以前から気になっていたLocal by frywheelとゆう簡単にWordpressのローカル環境で構築することにしました。

ちょうど進めていたプロジェクトがあったのでLocal by frywheelを使ってwordpress化を進めていたところテーブルタグのcaptionタグの表示が崩れてしまいました。

あるタグを追加することで表示崩れが修正できました。

captionにCSSのcaption-sideを追加する

caption {
 caption-side: top;
}

今回の不具合としてはtableタグのすぐ直下にcaptionタグを追加したにも関わらずbottomの位置に表示されてしまいました、調べてみると解決方法はcaptionのCSSにcaption-side:topを追加することで解決する事ができました。初期値はtopがデフォルトなのでlocal by frywheelかwordpressの仕様上の不具合かと思います。

caption-sideでは下記のプロパティを使用できますがtopとbottom以外の値は非推奨となるのでできるだけ使わない方が無難だと思います。

新しい環境で不具合が起きると結構焦りますよね。もし同じような症状がでた方は試してみてください。

この記事を共有する

Facebook Twitter Line

関連記事