0

私はこのフィドルを使って画像をトリミングして中央に配置しています。それは非常にうまく機能div.testしますが、image. これは不可能です: を に設定するとwidth、魔法は機能しません。画像を中央に配置するために使用しているためだと思います。ある種のスペースを残していると思います(文字や単語の間のスペースでしょうか?)。では、その空間効果を「見えなくする」方法は？img300pxspanfootprint

アップデート

私の当初の目的は、画像のサイズを水平方向に変更し、垂直方向にトリミングして中央に配置することと、IE8 からの互換性 > でした。すべてCSSで行います。上にリンクされた解決策は、ほぼ解決策に近いですが、完全ではありません (左側の小さなスペース)。ということで、修理をお願いしました。

4

2 に答える 2

1

私は今それを手に入れました、あなたは単一を使うことができますdiv：

HTML

<div class="cropped"></div>

CSS

.cropped{
  background-image: url("http://www.news.giudicarie.com/images/Inaugurazione_Muse_Museo_della_Scienze_di_Trento.JPG");
  width: 300px;
  height: 200px;
  background-position: center;
  background-size: cover;
}
于 2013-10-13T19:40:49.223 に答える