‘壹’ div+css怎么设置让5张图片均匀排列在一行
css部分如下:
img{width:184px; height:140px; float:left; margin-right:10px;}
.m0{margin-right:0;}
html部分如下：
<img src="" />
<img src="" />
<img src="" />
<img src="" />
<img src="" class="m0" />
说明：
图片宽度 184×5=920
剩余间距 960－920=40
5张图4个间距，每个 40÷4=10
样式中img将5张图均设置右边距(margin-right)10px，总间距10×5=50
总间距超出剩余间距10，故单独在第5张图上加样式margin-right:0;清除右间距
欲想效果出现
:)
‘贰’ CSS 中DIV固定让图片显示在一行！
你让图片当层的背景，设置好层宽度，禁止平铺（可以根据需求做横向或者纵向平铺）然后给层加一个padding 属性，设置top left right bottom 四个属性。
‘叁’ 如何将Div中的几张图片强制在一行内显示
告诉你一种方法，你在图片的外层加一个500px宽度的div，然后用那个400px的层套用这个500px的div，在400px的层加上属性overflow:hidden即可！
给你个例子：
<div style="width:400px; overflow:hidden;">
<ul style="width:500px;">
<li><img src="/Desktop/Global SPUG-.png"/></li>
<li><img src="/Desktop/Global SPUG-.png"/></li>
<li><img src="/Desktop/Global SPUG-.png"/></li>
<li><img src="/Desktop/Global SPUG-.png"/></li>
<li><img src="/Desktop/Global SPUG-.png"/></li>
</ul>
</div>
‘肆’ 学习div 和css 怎么让两个图片在一行 就是右下角的那个小点和logo在一行
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div style="float:left">
<img src="1.jpg"/>
</div>
<div style="float:right">
<img src="2.jpg"/>
</div>
</body>
</html>
‘伍’ 问一下如何把这个div的布局改一下，将图片改成6个为一行
菜单是加上定位还是浮动？
下面的6个一行，要知道容器宽度，，这样吧，给你一个大概例子，，你自己参考一下。
BANNER
菜单
列表开始,
这里是一个600宽度的窗口里面有多个DIV，里面的DIV宽度为100，高度为100，全部左浮动，
当他们加起的宽度大于600的时候就会向下移动，，这样就会形成，6个一行了。
宽度，边距，这样你自己调整，，看这个应该能了解它的原理。。。
<style>
.list{width:600px;height:auto;}
.list.box{width:100px;height:100px;float:left;}
</style>
<divclass="list">
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
<divclass="box"><imgsrc="xxx.jpg></div>
</div>
‘陆’ 如何在div里插入两张图片，要求这两张图片显示在同一行上
方法很多，简单一种：
<div><img src="" width="" /><img src="" width="" /></div>
两张图片的宽度和不大于DIV的宽度就可以
‘柒’ div+css div内多个图片显示在一行
给你做了一个滚动代码，html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>不间断图片滚动在线演示 DIVCSS5</title>
<link href="images/style.css" rel="stylesheet" type="text/css" />
<!-- www.divcss5.com -->
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script src="jQuery-jcMarquee.js" type="text/javascript"></script>
<script>
$(function(){
$('#Marquee_x').jcMarquee({ 'marquee':'x','margin_right':'10px','speed':20 });
// DIVCSS5提示：10px代表间距，第二个20代表滚动速度
});
</script>
</head>
<body>
<div id="mrq">
<!-- HTML注释 divcss5提示：特效DIV开始 -->
<div id="Marquee_x">
<ul>
<li>
<div>
<a href="http://www.divcss5.com/" target="_blank"><img src="images/i1.jpg" />
<span>DIVCSS5学习</span></a>
</div>
<div>
<a href="http://www.divcss5.com/" target="_blank"><img src="images/i2.jpg" />
<span>CSS学习上DIVCSS5</span></a>
</div>
<div><a href="#" target="_blank"><img src="images/i3.jpg" />
<span>案例演示</span></a></div>
<div><a href="http://www.divcss5.com/jiqiao/" target="_blank"><img src="images/i4.jpg" />
<span>CSS技巧</span></a></div>
<div><a href="http://www.divcss5.com/css-texiao/" target="_blank"><img src="images/i5.jpg" />
<span>CSS特效</span></a></div>
<div><a href="http://www.divcss5.com/css-hack/" target="_blank"><img src="images/i6.jpg" />
<span>CSS hack</span></a></div>
<div><a href="http://www.divcss5.com/shili/" target="_blank"><img src="images/i7.jpg" />
<span>DIV+CSS实例</span></a></div>
<div><a href="#" target="_blank"><img src="images/i8.jpg" />
<span>滚动案例演示</span></a></div>
<div><a href="#" target="_blank"><img src="images/i9.jpg" />
<span>演示内容</span></a></div>
</li>
</ul>
</div>
<!-- divcss5提示：特效DIV结束 -->
</div>
</body>
</html>
css代码如下：
@charset "utf-8";
/* DIVCSS5-CSS初始化模板-www.divcss5.com */
body, div, ul, li{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif}
/* CSS注释说明：\5B8B\4F53 代表 宋体，更多中文字体转 Unicode http://www.divcss5.com/jiqiao/j325.shtml */
ol, ul ,li{list-style:none}
img {border: 0; vertical-align:middle}
body{color:#000000;background:#FFF; text-align:center}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px}
a{color:#000000;text-decoration:none}
a:hover{color:#BA2636;text-decoration:underline}
#mrq{width:925px; margin:20px auto;border:1px solid #000; padding:2px}
#Marquee_x { overflow:hidden; width: 925px }
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:131px; width:142px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; width:140px; height:105px; display:block}
#Marquee_x ul li div span{ display:block;}
【备注：可自行修改一下，里面是我下的一个源码】
‘捌’ DIV+CSS如何让图片和文字在同一行
给图片样式，vertical-align:top / middle / bottom;顶部对齐 水平居中 底部对齐
‘玖’ 在网页里面怎么用div+css让图片和文字在一行呢
<div
style="
background-image:url(您的图片位置)">
<div>这里添加logo
（用css控制就可以了）</div>
<div>这里可以添加文字了！如果需要的话可以吧文字放在一个容器里，并用css控制它的位置。</div>
</div>
这个我调试过了
在所有浏览器上都没有问题的！
‘拾’ 怎么设置css，把放在一个div中的图片横着排列
img标签不是块级元素，默认就是左到右。
img_div{
float:left
}