要素を(垂直方向と水平方向に)中央に配置する必要があります。幅はわかっていますが、高さは変わる可能性があります。
午前中ずっと Google を検索しましたが、見つけたものはすべて、高さを知る必要があると言っているようです。
table-cell
使用できるjQueryメソッドはありますか?プロパティの使用を開始したくありません
jQuery.outerHeightを使用して、要素の高さ属性を動的に取得できます。
<table style="width: 100%; height:100%;">
<tr>
<td style="text-align: center; vertical-align: middle;">
/*code here*/
</td>
</tr>
</table>
これが最も「一般的で全地形対応」の方法だと思います。
CSS を使用すると、フレキシブル ボックスで可能ですが、IE ではまだ動作しません。
.container{
display: flex;
min-height: 100%; /* <- or whatever height the container has */
}
.centered{
margin: auto;
}
あなたはただ使うことができます:
$("#whatever").height();
これにより、オブジェクトの高さがわかります。変更された場合は、もう一度呼び出して中心に戻すことができます。