cssスタイル設定のテクニック
651 ワード
水平方向中央揃え-行の要素
中央揃え
ブロック要素に設定されている場合はtext-align:centerでは機能しません!!!
「左右margin」の値を「auto」に設定することで中央揃えを実現
htmlコード:
cssコード:
次のように書くこともできます.
注意:要素の「上下margin」は任意に設定できます.
水平中央総括-不定幅ブロック要素方法(一)
水平中央総括-不定幅ブロック要素法(二)
text-align:center;
中央揃え
ブロック要素に設定されている場合はtext-align:centerでは機能しません!!!
「左右margin」の値を「auto」に設定することで中央揃えを実現
htmlコード:
<body>
<div> , , 。</div>
</body>
cssコード:
<style>
div{
border:1px solid red;/* div */
width:200px;/* */
margin:20px auto;/* margin-left margin-right auto */}
</style>
次のように書くこともできます.
margin-left:auto;
margin-right:auto;
注意:要素の「上下margin」は任意に設定できます.
水平中央総括-不定幅ブロック要素方法(一)
水平中央総括-不定幅ブロック要素法(二)