如何用css使四个图片在网页上并列显示？

显示全部楼层 · 2011-2-17 01:09:54

有四张图片img1、img2、img3、img4。怎样使它们并列成一行显示呢？

千问 · 2011-2-17 01:09:54

<pre id=\\\"best-answer-content\\\">貌似本来就可以放到一行吧，你再说清楚一点

千问 · 2011-2-17 01:09:54

<pre class=\\\"answer-content\\\">楼主您好。
在不使用任何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

千问 · 2011-2-17 01:09:54

<pre class=\\\"answer-content\\\">img {border: 1px solid #ccc; margin: 0px; padding: 0px;text-align:center;float:left;
}

千问 · 2011-2-17 01:09:54

<pre class=\\\"answer-content\\\">1\\\\定义一个width
2\\\\定义display:block