autoについて
-
0 名前： カンナ ： 2006/06/29（木） 05:30 ID:gLn3byPC
- こんにちは、カンナと言います。
この度、マージンやパディングで使うautoについて
分から無かった事が有ったので書き込みさせて頂きました。
上にも書いたように、マージンやパディングで使うautoですが、
自動とはどういう意味でしょうか。
また、数値０との違いを教えて下さい。
それでは、失礼します。
-
1 名前： カヅサツ ◆ThCi95HEzw ： 2006/06/29（木） 05:30 ［URL］ ID:ESXFAM4l
- "O" の場合はそのまんま "0" として扱われるのですが、auto の場合どうなるかというのは少々面倒です。
<p style="
margin-right: 0px;
margin-left: auto;
width: 50%;
background-color: #CCF;
text-align:left;
">test</p>
・要素の幅は親要素(特になければウィンドウなど)の半分
・要素の右marginはなし
・要素の左marginは残った長さ
ということになるので、要素そのものが右寄せされます(でもテキストは左寄せ)。
<p style="
margin-right: auto;
margin-left: auto;
width: 50%;
background-color: #CCF;
text-align:left;
">test</p>
こうすると、要素はセンタリングされます(でもテキストは左寄せ)。
なんとなく感覚的に理解していただければ良いのですが、詳しいところは仕様書を読んでもらうのが一番良いかもしれません。
なお、一部のブラウザは、ある条件下に置いて、上記のサンプルを無視するので注意してください。
-
2 名前： カンナ ： 2006/06/29（木） 05:30 ID:gLn3byPC
- カヅサツさん、お返事ありがとうございます。
何となくですが、理解できました。
つまり、「 auto は要素そのものを移動させるが
テキストは新たなＨＴＭＬ等で設定しないと無理」という事で良いのでしょうか。
まだまだ勉強しないといけませんね。
ありがとうございました。
それでは、失礼します。
