ブロック要素(imgまたはdiv)を幅と高さが%のコンテナに合わせようとしています。jQueryとCSSマージンを使用して自動中心垂直/水平マージンを調整する方法
ここに私がしたことがあります。 http://jsbin.com/ibakuw
$('#container img')
.css({
'margin': ($('#container').height() - $('#container img').height())/2 + 'auto',
'background':'red'});
私は、要素が私のブラウザまたはコンテナをオーバーフローしているため、垂直中心にこの{position:absolute; top:50%; height:240px; margin-top:-120px; }
アプローチを使用する必要はありません。ブラウザ内で拘束されているだけです。
助けてください。ありがとうございました!編集した
:
は、私がここにhttp://jsbin.com/ibakuw/5
var contHeight = $('body').height(),
paddVertical = ($('#container').height() - $('#container img').height())/2,
paddHorizon = ($('#container').width() - $('#container img').width())/2;
$(function() {
$('#container img')
.css({
'marginLeft' : paddHorizon +'px',
'marginTop' : paddVertical +'px'
});
$(window).resize(function() {
$('#container img')
.css({
'marginLeft' : paddHorizon +'px',
'marginTop' : paddVertical +'px'
});
});
});
を参照してください、あなたは 'マージンを追加してみました:自動; 'あなたの' #container img' cssに? http://jsbin.com/ibakuw/2 – arunes
はい、私はそれが水平にしか動作しないと私は垂直な問題を解決しようとしていると思う。 – Pennf0lio