私はレスポンシブ Web サイトを構築しており、常にページの中央に配置したい div (「ラッパー」という名前) を持っています。幅のパーセンテージが設定されているため、水平方向に中央揃えする方法を見つけました。高さのパーセンテージが設定されていない場合、これを垂直方向に中央揃えするにはどうすればよいですか?
.wrapper{
width: 50%;
height: auto;
margin-left: 25%;
padding: 3%;
}'
私はレスポンシブ Web サイトを構築しており、常にページの中央に配置したい div (「ラッパー」という名前) を持っています。幅のパーセンテージが設定されているため、水平方向に中央揃えする方法を見つけました。高さのパーセンテージが設定されていない場合、これを垂直方向に中央揃えするにはどうすればよいですか?
.wrapper{
width: 50%;
height: auto;
margin-left: 25%;
padding: 3%;
}'
このチュートリアルを試してください
divを垂直方向と水平方向に中央揃えする
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
この jQuery プラグイン: TailorFitを試して、デモ をチェックしてください。
これを使用できる 1 つの方法は、次のようになります。
$('#your-div').tailorfit();
あなたの身長は自動であるため、それだけでうまくいくはずです。
完全な開示 - 私はプラグインの作成者です。