1

thiv.net/mobile はモバイルで動作する必要がありますが、iPod を縦向きにすると劇的に変化します。私の問題は、テキストボックス、ボタン、画像全体を縦方向に中央揃えにするか、オンに変更する必要があることです。回転します。div を垂直方向に中央に配置するのが最善の選択肢だと思いますが、どの CSS を使用すればよいでしょうか?

現在、私は試しました：

.center
{
position:absolute
top:40%;
bottom:40%;
height:20%;
}

しかし、それは機能しないので、回転後にのみ中央に配置する必要がありますか? 何か案は？

4

2 に答える 2

2

次のCSSを試してください：

.center {
width: 100px;
height: 100px;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
 }

stack-overflow のリンクをたどることもできます: Best way to center a <div> on a page vertical and horizo​​ntal?

于 2013-05-06T08:10:34.090 に答える
0

身長が分かっている場合：

div.centered{
 height: 100px;
 top: 50%;
 margin-top: -50px;
}

オプション:position: absolute | relative | fixed達成したい内容に応じて

margin-top は常に 0 である必要があります - 中心までの div の高さの半分。

于 2013-05-06T08:17:15.257 に答える