スタイルシートで画像を中央によせる方法

  • ガイド ( How to )
  • ありがとう数:0

はじめに

Photo by 読書マン
HTMLでいうところの みたいなことをスタイルシートでしたいあなたへ。

STEP1

 ブロック(段落のような文書中の単位)の中に画像が含まれるものとします。すると,対応する HTML コードは,
...

(ここで,alt 属性は必須なので省略してはいけません)となります。

STEP2

さて,この div ブロックを,「図」というグループに仕立て上げます。
...

STEP3

そして,この「figure」というグループでは,「中身はセンタリング」と定義します。

div.figure { text-align: center }
これを style 要素か外部のファイルに書いて取り込んで適用させます。  

まとめ

スタイルシートの詳しい書法は,このサイトをご覧ください。 http://www.tg.rim.or.jp/~hexane/ach/

このユーザなら私の疑問や悩みを解決してくれそうと思ったら、
質問への回答をリクエストすることができます。

関連するタグ

特集


感謝でトクする時代へ!感謝経済に参加しよう!

ピックアップ

ページ先頭へ