0

画像を div に挿入したいのですが、問題があります。画像が div の外にはみ出してしまいます!! OO

(私の英語でごめんなさい) それがコード HTML です

 <div class='immagine2'><img src='http://farm4.staticflickr.com/3822/9522792825_c68706706d_o.jpg'></div>

そしてCSS...

 div.immagine2 {
      position:relative;
      width:500px;
      height:410px;
      margin: 30px 30px 30px auto; 
  }

 div.immagine2 img {
      float:left;
 position:absolute;
 left:50%;
 top:50%;
      margin-left:-155px;
 margin-top:-75px;
  }

で、リンクはこちら。どうしたの？

重要！！！: 右にテキストを追加したいので、画像を左にフローさせたい!

4

4 に答える 4

2

overflow: hidden次の ID に を追加します。

div.immagine2 {
    overflow:hidden;
    ...
}

これにより、div を超えるコンテンツがページに表示されなくなります。それが役に立てば幸い！！

于 2013-08-16T17:53:02.720 に答える
1

div画像をwithに入れるだけですtext-align: center

<div style="text-align:center;">
  <img src="....">
</div>
于 2013-08-16T18:02:08.657 に答える
0

CSS に background-image を追加します (コメンテーターが言及したように、別の画像を使用したい場合、これは効果がありません)。 

  background-image: url(../images/picture.jpg)

CSS で多数の背景設定をいじることができます。

background-size: 100%;

px を使用している場合は、画像が占有するサイズを指定できます。

background-size: 30px 40px;
于 2013-08-16T17:47:42.197 に答える