（
JavascriptをONにしていただいた方がより快適に利用できます。
）
【 掲示板新着 】
|
通常一覧
|
通常詳細
|
記事検索
|
| Page-1
【掲示板新着/詳細】
一覧
/
詳細
最新
：
1頁
No.1017 [
ＨＰ質問箱
] Re:文字の揃え方
[atom] 10/01/03 (日) 18:54
CSSでの質問と捉えます。
通常無指定の場合は左寄せです。
たとえば次のようなサンプルがあったとします。
<div class="div01">
<div class="div02">テキスト</div>
</div>
この場合、
「div01」にはセンタリングを指定します。
そうすると「div02」もセンタリングになってしまうブラウザがほとんどです。
ですから、「div02」には左寄せを指定します。
ただブラウザによって、元々の標準値が違うので、この標準値までも設定しなければ思った通りになりません。
私がよくやる手としては、
.div01{
text-align: center;
}
.div02{
width: 400px;/*widthを指定する*/
margin: 0,auto;/*左右のマージンにautoを指定する*/
text-align: left;
}
また、doctypeによってもその動作は変わってきます。
私は、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd
">
を使っています。
doctypeが違う場合、ブラウザが違う場合はその動作の保証ができません。
上記は、あくまでも一例で、
上記のことをヒントにご自分でいろいろな組み合わせをテストしてみてください。
▼
最新
：
1頁
| Page-1
一覧
/
詳細
page update：23/11/28 16:31
Copyright (c) 2000-2009, all Rights Reserved & Produced by
atom
Home
↑ページトップ
SEO対策 & ツール
通常無指定の場合は左寄せです。
たとえば次のようなサンプルがあったとします。
<div class="div01">
<div class="div02">テキスト</div>
</div>
この場合、
「div01」にはセンタリングを指定します。
そうすると「div02」もセンタリングになってしまうブラウザがほとんどです。
ですから、「div02」には左寄せを指定します。
ただブラウザによって、元々の標準値が違うので、この標準値までも設定しなければ思った通りになりません。
私がよくやる手としては、
.div01{
text-align: center;
}
.div02{
width: 400px;/*widthを指定する*/
margin: 0,auto;/*左右のマージンにautoを指定する*/
text-align: left;
}
また、doctypeによってもその動作は変わってきます。
私は、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
を使っています。
doctypeが違う場合、ブラウザが違う場合はその動作の保証ができません。
上記は、あくまでも一例で、
上記のことをヒントにご自分でいろいろな組み合わせをテストしてみてください。