Wie in einem col Element

Question

mit Fragen ein Bild zum Zentrum ein Bild Zentrum css auf gleiche Php-Datei wie der Code machen

<style type="text/css"> 
 
\t 
 
div.item { 
 
    height: 300px; 
 
    width: 300px; 
 
    display: table-cell; 
 
\t margin-left: auto; 
 
    margin-right: auto; 
 
\t text-align: center; 
 
} 
 
.item img { 
 
    display:block; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
\t text-align: center; 
 
}

<div id="main-page"> 
 
    <div class="row"> 
 
     <div id="full-sec" class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
 
      <div id="giveaway" class="body-sec"> 
 
       <h2 class="main-title">UPCOMING GIVEAWAY</h2> 
 
\t \t \t \t <centre> 
 
\t \t \t \t <h4 class="sub-title"><?php echo $giveaway_title; ?></h4> 
 
\t \t \t \t </centre> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t </div> 
 
</div> 
 
<div id="main-page"> 
 
    <div class="row"> 
 
     <div id="full-sec" class="col-xs-12 col-xs-12 col-xs-12 col-xs-12"> 
 
\t \t \t <div class="item"> 
 
    \t \t \t <img src="http://community.edgecast.steamstatic.com/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV08u_mpSOhcjnI7TDglRc7cF4n-T--Y3nj1H6-hBrMW_3LIOWdlU_MlGDqwO6wrvq15C6vp-bnHY36SAm4XbYl0SwhgYMMLJqUag1Og/360fx360f" /> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</div>

Live-Version finden Sie hier: http://178.62.99.182/giveaway.php

kann mir bitte jemand helfen?

Answer 1

Sie müssen dem übergeordneten Element des Bildes den Rand automatisch geben. Nicht das Bild selbst.

div.item { 
    height: 300px; 
    width: 300px; 
    margin: 0 auto; 
    text-align: center; 
} 
.item img { 
    width: 100%; 
}