wordpressの記事の画像回り込みCSS
やっぱり画像を使って文章を書きたいところ。
画像の配置は左で回り込みがやっぱり見やすいですが、
そんなときはCSSで設定します。
(※右の際は、左に回りこみ、中央は回り込みなし)
/*記事の写真回り込み*/
p img { padding: 0; max-width: 100% } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left }
2012/02/10 | CSS
関連記事
-
HTML5対応などリセットCSSの紹介サイト
「リセットCSS」はブラウザごとで、文字サイズ等で表示に異なり、それら...
-
wordpressレイアウトをCSS3のメディアクエリで機能的にする
ワードプレス3・3のデフォのテーマ「Twenty Eleven」がレス...
-
wordpressの画像キャプションCSS
キャプションを記入すると現れるキャプションだが、 何もない状態だと、い...
新着記事
-
見どころ満載アクションに興奮/映画『ミッション:インポッシブル ローグ・ネイション』
映画『ミッション:インポッシブル ローグ・ネイション』を鑑賞。飛行機ぶ...
-
お約束パニックも進化した映像で納得/映画『ジュラシック・ワールド』
映画『ジュラシック・ワールド』を鑑賞。進化した映像で恐竜の動きは素晴ら...
-
いかにもな王道パターンに懐かしさ/映画『HERO』
映画『HERO』を鑑賞。良く言えば「HERO」らしい、悪く言えば予定調...
-
ロスジブリを埋める夏のエンタメ大作/映画『バケモノの子』
映画『バケモノの子』を鑑賞。子供から大人まで楽しめる夏の大作を作る細田...
-
懐かし場面多いも、ストーリー大幅変更/映画『ターミネーター:新起動 ジェニシス』
映画『ターミネーター:新起動 ジェニシス』を鑑賞。前作のシーンを織り交...
PREV :
NEXT : wordpressの画像キャプションCSS
コメント/トラックバック
トラックバック用URL:
コメントフィード