『壹』 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
}