Blog

【WordPress】独自のCSSで画像を正しく配置する方法

2017/02/16

投稿

備忘録です。

独自のCSSの場合、投稿で画像配置を指定しても中央や右寄せにできないことがあります。
いつもHTMLタグで書いているので全く気づいておらずクライアントさんからの指摘で気づきました。

参考サイト
WordPressテーマ自作時の記事内画像位置のCSS設定

CSSに下記を追加します。

/* 画像配置 左 */
img.alignleft {
    text-align: left;
}

/* 画像配置 中央 */
img.aligncenter {
    display: block;
    margin: 1px auto;
}

/* 画像配置 右 */
img.alignright {
    display: block;
    margin: 1px 1px 1px auto;
}

これで画像が正しく配置されます。

ゼヒトモ内でのプロフィール: ROCKSTREAMゼヒトモのホームページ作成・制作サービス仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ