[問題] 圖片與說明文字對齊的問題
板上各位午安,
請問我想把div內的圖片與文字對齊
圖片在上,文字在下
大約有3-4組圖文水平排列
可以用css做到嗎
目標想做到如下圖效果
http://img413.imageshack.us/img413/7756/001ay.jpg
附上原始碼與css
.box2 {
color: #111111;
height: 200px;
width: 720px;
text-align:left;
margin:10px 0 0 0;
float:left;
clear:left;
}
//要放圖的部分
//原始碼部份
<body>
<div id="all">
<div class="box" style="background:#66CCCC"></div>
<div id="sidebar" style="background:#FFFFFF">
<div align="center"><img src="backup/user/桌面/link.gif" width="180" height="29" vspace="10" /></div>
<ul>
<li>LINK</li>
<li>LINK2</li>
</ul>
<div align="center"><img src="backup/user/桌面/link.gif" width="180" height="29" vspace="10"/></div>
</div>
<div id="main">
<div class="box1" style="background:#FFFFFF"></div>
<div class="box2" style="background:#FFFFFF">
<img src="backup/user/桌面/圓.gif" width="80" height="80" vspace="20" hspace="30" />
</div>
<div class="box3" style="background:#FFFFFF"></div>
</div>
爬過文有圖文對齊的解法,但我用的結果是圖左文字右
不知道如何才可以做出圖上文下的效果?
再用div包起來嗎
div可以無限用嗎
因為目前的box2是第3層了@@(all>main>box2)
剛從用Dreamweaver畫表格改用手寫不久,很多問題想請教,請多多包涵
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.120.103.135
推
12/24 12:18, , 1F
12/24 12:18, 1F
→
12/24 13:27, , 2F
12/24 13:27, 2F
→
12/24 13:34, , 3F
12/24 13:34, 3F