0

ここで問題が発生しました。10/1 の比率で図を作成しましたが、それは私の img とまったく同じスペースである必要があります (実際のサイズは 4000*/400* であるため、比率も 10/1 です)。どこからともなく飛び出す余分なスペース。

それがどこから来たか知っていますか?

これが私のコードです: http://jsfiddle.net/2drYk/21/

<figure class="container">                  
    <img class="content" src="http://img7.imageshack.us/img7/6766/sampes.jpg" alt="sample" />
</figure>

* 
{
margin:0; 
padding:0; 
border:0
}

.container
{
    width:100%;
    background:black;
    overflow:hidden;    
}
.content
{
    width:100%
}


var $cont = $('.container .content'),
    init_size = $cont.width()*0.1,
    c =0,
    s = [400,init_size];

$cont.height( init_size );

$cont.click(function(){   
  $(this).stop().animate({height: s[c++%2] });
});

編集:問題は、jqueryで2クラスを呼び出すという事実に起因しているようですが、理由はまだわかりません。比率は同じです。

4

1 に答える 1

2

画像はデフォルトでインラインで表示され、行の高さごとに文字ディセンダー用のスペースが残されます。

http://jsfiddle.net/2drYk/22/

.content {
    display: block;
}
于 2013-03-16T21:27:09.923 に答える