请问一下 目前想透过RWD的方式,
让相簿页面的图片可以依序显示, 所以使用了display:inline-block css来设定
以下是我的css :
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.wrapper {
margin: 50px auto;
width: 80%;
background-color: red;
text-align: center;
}
.insideWrap {
display:inline-block
}
.img-responsive {
max-height: 100%;
width: auto;
margin: 1em;
}
<body>
<div class="wrapper">
<div class="insideWrap">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
<img src="ppt.cc/yHOpA@.jpg" class="img-responsive">
</div>
</div>
</body>
但当图片换行后, 如果该行图片没有补满, 该行的图片会置中,
我想请问有没有可能把该行的图片靠左对齐呢?
简单说一排假设显示5个, 第二排只有3个的时候, 这3个希望也可以靠左显示,
不知道有没有办法 ~ 谢谢
参考图片 : ppt.cc/IAYZB