一个div里放了4张图片，怎样设置div或者css让那几张图片这个div里的底部排列对齐？是要用ul、li？ 怎么设置css，把放在一个div中的图片横着排列
#content {width:400px; height:auto;}#content img {width:200px; height:200px;}#TOP_left {width:200px; height:200px; float:left;}#TOP_right {width:200px; height:200px; float:left;}#foot_left {width:200px; height:200px; float:left;}#foot_right {width:200px; height:200px; float:left;}分给我。
1、新建一个html文件，命名为test.html，用于讲解。
2、在test.html文件内，创建一个div模块，并设置其class属性为mydiv。
3、在div模块内，使用img图片标签创建两张图片，src属性指向不同的图片路径。
4、在css标签内，使用“*”初始化页面所有元素的css样式，设置内边距为0，外边距为0。
5、在css标签内，设置div的样式，设置其宽度为700px，高度为400px，边框为1px，居中对齐。
6、在css标签内，设置图片的的大小，宽度为280px，高度为200px，为了使用图片水平排列，需要使用float属性设置图片浮动的统一方向，例如，这里设置统一浮动向左。
7、在浏览器打开test.html文件，查看图片水平排列的效果。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td {
margin:0;
padding:0;
}
#zb {
width:693px;
height:90px;
margin-top:6px;
border:1px solid #CCC;
}
#zb ul {
list-style:none;
padding-top:15px;
}
#zb ul li {
display:inline;
padding:4px;
}
</style>
</head>
<body>
<div id="zb">
<ul>
<li><img src="http://www.e0757.cn/lwf_images/yygyyy.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg1.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg2.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg3.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg4.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg5.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg6.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg7.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg8.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg9.jpg"></li>
<li><img src="http://www.e0757.cn/upload/uploadFiles/sg10.jpg"></li>
</ul>
</div>
</body>
</html>
这是一个CSS控制例子
你们不要误人子弟了 人家说一个div中，放四个图片，用ul，还是li。
其实不是ul，也不是li。用span。span默认就是以行显示。你可以试试。用span不用设置任何的css。如果图片大小不一样，只需要设置图片本身的width和height。如果用css有很多方法达到你想要的效果，但是用标签，最有效率的就是span。span和div的区别在于，span是行，div是块。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div>
<span>
<img src="image-4449_4B325B0E.jpg" width="300" height="325" />
<img src="image-4449_4B325B0E.jpg" width="300" height="325" />
<img src="image-4449_4B325B0E.jpg" width="300" height="325" />
<img src="image-4449_4B325B0E.jpg" width="300" height="325" />
</span>
</div>
</body>
</html>
用什么元素包含图片不重要, 底部排列对齐的话, 可以用定位,
父层position:relative; 子层position:absolute;
然后对子层的img元素进行排列.
DEMO如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.warp {position:relative;width:950px;height:500px;overflow:hidden;background:#999999;}
.warp ul {position:absolute;width:1000px;bottom:0;left:0; background:#CCCCCC;}
.warp ul li{float:left;margin-right:50px;}
</style>
</head>
<body>
<div class="warp">
<ul>
<li><img src="http://m2.biz.itc.cn/pic/new/n/53/17/Img2971753_n.jpg" width="200" /></li>
<li><img src="http://m2.biz.itc.cn/pic/new/n/53/17/Img2971753_n.jpg" width="200" /></li>
<li><img src="http://m2.biz.itc.cn/pic/new/n/53/17/Img2971753_n.jpg" width="200" /></li>
<li><img src="http://m2.biz.itc.cn/pic/new/n/53/17/Img2971753_n.jpg" width="200" /></li>
</ul>
</div>
</body>
</html>
不加样式控制，默认就是底部排列对齐的；
如果不是底部对齐，可以加一个样式控制
img{ vertical-align:bottom;}
什么都不需要用。直接把图片放在div里默认就是底部对齐
div里怎么放置图片
1、新建html文档，然后在body标签中添加div标签，这时div标签中没有内容，所以网页中什么也不会显示：2、在div标签中添加img标签，在img标签中添加“src”属性，属性值为图片的地址，这时网页中将会显示刚才添加的图片：3、由于插入的图片宽高默认是图片自身的宽高，所以需要用css控制图片的宽高。在head...
修改CSS使得显示多行多个图片,现在是一行4个图片多出的图片就自动隐藏了...
这个很简单啊，你外面的div用相对定位加overflow:hidden;里面全部一样的div向左浮动，控制好左右距离就可以了，
div多张图片如何并排显示?
<div style="width:960px;overflow-x:scroll"> <div style="width:2280px"> <img src="1.jpg" width="760" height="100"\/> <img src="2.jpg" width="760" height="100" \/> <img src="3.jpg" width="760" height="100"\/> <\/div><\/div> ...
div里可以放图片吗?
可以在第二个div里插入图片，是用img标签，可以直接设置width和hight。2.如果是用div作背景图片的话可以设置div的width和hight，也可以使用这个属性：background-size。指定div里背景图大小的方法如下：div{ background:url(img_flwr.gif);background-size:80px 60px;background-repeat:no-repeat;} 语法...
如何在一个DIV中插入多张图片,使其循环滚动 dreamweaver
用工具？ 什么意思？在dw里面直接点点就插入？ 一般都是在div间插入滚动代码啊，即便能用dw直接生成也会有费码，
DW写HTML时一个div标签里面怎么给插入的多张图片设置不同的css规则_百 ...
每个图片外边都分别加一个标签，然后设置相应的css规则。
div里面可以放图片吗?
1、在div里面书写了一些文字，然后想要在放入一张图片。2、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。3、然后通过background给div添加一张图片作为它的背景。4、通过url()来连接图片，url里面放置的就是背景图片的路径。5、放一张图片用作背景，注意，路径要写对。6、保存之后文字就会...
想在一个div里面添加图片,用js怎么写啊?
1、新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。2、在test.html添加一个div标签，并且给它一个id，用于下面编写样式。3、通过div的id , 给div定义CSS样式，例如，把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。4、在div的下面定义一张被拖放图片，并设置...
DIV+CSS实现多张图片的布局
<div style="width:100px; margin:0px 0px 0px 10px; float:left"><img border="0" src="image\/3.jpg" width="100" height="50" \/><\/div> <div style="width:100px; margin:10px 0px 0px 0px; float:left"><img border="0" src="image\/4.jpg" width="100" height="50"...
HTML5四张图片分两行显示,两张图片独占一行,每张图片下的文字要有超链 ...
.ul1 li:nth-of-type(2){text-align:center;}<\/style> <\/head><body><div class="ul"> <ul> <li> <img src=...><\/li> <li>这图片很好看<\/li> <\/ul> <ul> <li> <img src=...><\/li> <li>这图片很好看<\/li> <\/ul> <\/div> <div class="...