center div使它佔據80％的屏幕

我想讓我的div中心佔據屏幕的80％，在最大窗口大小的情況下工作正常，但當調整窗口大小時，我的圖像div變得非常小;center div使它佔據80％的屏幕

<body style="background-image:url('img/Mesh2.png');background-repeat:no-repeat; background-size: cover; width=:'100%'"> 
    <h1>iSlider</h1> 

    <div id="myImageFlow" class="imageflow"> 

     <div id="front">Initialy This is Front </div> 
     <!-- 
     <img src="img/img1.png" id="id1" longdesc="img/img1.png" width="300" height="360" alt="img1" /> 
     <img src="img/img2.png" id="id2" longdesc="img/img2.png" width="300" height="360" alt="img2" /> 
     <img src="img/img3.png" id="id3" longdesc="img/img3.png" width="300" height="360" alt="img3" /> 
     <img src="img/img4.png" id="id4" longdesc="img/img4.png" width="300" height="360" alt="img4" /> 
     <img src="img/img5.png" id="id5" longdesc="img/img5.png" width="300" height="360" alt="img5" /> 
     <img src="img/img6.png" id="id6" longdesc="img/img6.png" width="300" height="360" alt="img6" /> 
     <img src="img/img7.png" id="id7" longdesc="img/img7.png" width="300" height="360" alt="img7" /> 
     <img src="img/img8.png" id="id8" longdesc="img/img8.png" width="300" height="360" alt="img8" /> 
     <img src="img/img9.png" id="id9" longdesc="img/img9.png" width="300" height="360" alt="img9" /> 
     <img src="img/img10.png" id="id10" longdesc="img/img10.png" width="300" height="360" alt="img10" /> 
     <img src="img/img11.png" id="id11" longdesc="img/img11.png" width="300" height="360" alt="img11" /> 
     <img src="img/img12.png" id="id12" longdesc="img/img12.png" width="300" height="360" alt="img12" /> 
     <img src="img/img13.png" id="id13" longdesc="img/img13.png" width="300" height="360" alt="img13" /> 
     <img src="img/img14.png" id="id14" longdesc="img/img14.png" width="300" height="360" alt="img14" /> 
     <img src="img/img15.png" id="id15" longdesc="img/img15.png" width="300" height="360" alt="img15" /> 
     <img src="img/img16.png" id="id16" longdesc="img/img16.png" width="300" height="360" alt="img16" /> 
    </div>

來源

2013-05-31 anam

提供了你的代碼的小提琴。 – Nitesh

可怕的代碼。

您不應該使用內聯樣式，並且不支持longdesc。

使用CSS！

要居中一個div：

.class{ 
width: 80%; 
margin: 0 auto; 
display: block; 
}

如果你需要使用一個自定義屬性，使用的數據LONGDESC = 「」，而不是（NEVER）LONGDESC。如果您的80％div在調整大小方面變得太小，那是因爲它是一個百分比。使用最小寬度：300px，例如。

來源

2013-05-31 10:29:41 FLX

center div使它佔據80％的屏幕

回答

相關問題