css如何把图片按一行几张的形式排列？

html-css06

css如何把图片按一行几张的形式排列？,第1张

下面是一行四张的例子：

<style>

.box {width:1000px}

.box img {float:leftwidth:250pxheight:200pxborder:0}

.box br {clear:both}

</style>

<div class=box>

<img src="图片1" />

<img src="图片2" />

<img src="图片3" />

<img src="图片4" />

<img src="图片5" />

<img src="图片6" />

<img src="图片7" />

<img src="图片8" />

<br />

</div>

<style type="text/css">

.imageStyle li{width:170pxfloat: left}

.imageStyle {width: 750px}

<!--这个两个width你自己慢慢调整 -->

</style>

<div class="imageStyle">

<ul>

<li>图片1</li>

<li>图片2</li>

<li>图片3</li>

<li>图片4</li>

<li>图片5</li>

</ul>

</div>