怎么实现CSS横排图片并列2-4张

html-css037

怎么实现CSS横排图片并列2-4张,第1张

最常用的一种方法:就是浮动,浮动之后会自动往右挤,挤不下就到第二行了。  

     <ul>

           <li>第一张图片</li>

           <li>第二张图片</li>

           <li>第三张图片</li>

           <li>第四张图片</li>

           <li>第五张图片</li>

           <li>第六张图片</li>

           <li>第七张图片</li>

           <li>第八张图片</li>

    </ul>

<style> ul{width:800px height:200px} li{width:195pxheight:98pxmargin:1px auto float:leftlist-style-type:none}

</style>

楼主您好。

在不使用任何CSS的情况下,您直接插入4张图片,比如:

<img src="1.gif" alt="1.gif" />

<img src="2.gif" alt="2.gif" />

<img src="3.gif" alt="3.gif" />

<img src="4.gif" alt="4.gif" />

它们就是在同一行显示的

-----补充-----

你贴的代码不能说明问题。

如果图片不能在一行显示,一般来说原因如下:

1.包含图片的容器宽度太小

2.图片的显示模式设置为了块级display:block