CSSだけでセンターリングしようとすると、2つのタグを入れ子にしたり、HTMLソース自体に [ align=center ] を指定したりするのが一般的(?)ですが、CSSだけで一発センターリングする方法。
親タグや子タグには一切影響しない方法なので、メモ。
CSSで各エレメントを一発でセンターリング
.center
{
margin: auto;
}
あとは、<div class="center">みたいな感じで使用すればOK。
ページコンテナなどをセンターリングする場合は非常に便利。
ページコンテナを [ text-align: center; ] した場合、下位のエレメント全てに [ text-align: left; ] などが必要になる。
1月 12 2007
CSSで各エレメントを一発でセンターリング
CSSだけでセンターリングしようとすると、2つのタグを入れ子にしたり、HTMLソース自体に [ align=center ] を指定したりするのが一般的(?)ですが、CSSだけで一発センターリングする方法。
親タグや子タグには一切影響しない方法なので、メモ。
CSSで各エレメントを一発でセンターリング
あとは、<div class="center">みたいな感じで使用すればOK。
ページコンテナなどをセンターリングする場合は非常に便利。
ページコンテナを [ text-align: center; ] した場合、下位のエレメント全てに [ text-align: left; ] などが必要になる。
By KYO • CSS • Tags: css