ホームページ  >  記事  >  ウェブフロントエンド  >  ブラウザに対するCSSの位置については、画像とコードがあるので解析してみてください! _html/css_WEB-ITnose

ブラウザに対するCSSの位置については、画像とコードがあるので解析してみてください! _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:11:33856ブラウズ


1,
上图中的登录框 我不管怎么用left:X 或者right:X 还是top:X 都改变不了位置 一直贴着最左边。
2,
用户名是贴着这个框的最顶部,我想让它往下面移动一点,除了直接
这种方法外还有没有更好的方法。

以下是代码:












        

      

        

大婶你能登录吗?


            


            求你登录了!!!
            


        


        



            
            
            

       

< ;input type="password" class="form-control" placeholder="パスワードを入力してください" size="1 5">

<入力クラス= "btn btn-successcol-xs-3col-xs-offset-4" type="submit" value="ログイン" />


;}
.row{padding:20px;}


.bg{margin:0px auto;width:600px;}
.row{padding:20px;}


2番目の問題は解決されました、
しかし、 を追加した後。 bg{margin:0px auto;width:600px;}
こんな感じになります

.container,.form-size{margin:0px auto;width:600px;}

.container,.form -size{margin :0px auto;width:600px;}


これにより、ログイン インターフェース全体が中央に配置されます。ログイン ボックスの水平位置を自分で定義できますか?

フォームサイズを左または上に設定しても何も起こりません。これはなぜですか?


余白付き設定
margin-left
margin-top

余白付き設定

margin-left

margin-top

よろしくお願いします!解決しました



この方法で、ログイン インターフェース全体が中央に配置されます。ログイン ボックスの水平位置を自分で定義できますか?

フォームサイズを左または上に設定しても何も起こりません。これはなぜですか?
left、top、bottom、right は位置と組み合わせて使用​​する必要があります。 。 。位置決めを行わない場合は、マージンとパディングを使用して位置ずれを処理します。 。



この方法で、ログイン インターフェース全体が中央に配置されます。ログイン ボックスの水平位置を自分で定義できますか?


フォームサイズを左または上に設定しても何も起こりません。これはなぜですか?

left、top、bottom、right は位置と組み合わせて使用​​する必要があります。 。 。位置決めを行わない場合は、マージンとパディングを使用して位置ずれを処理します。 。
わかりました

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。