作者hellolucky (做自己 好自在)
看板Web_Design
標題Re: [問題] 圖片位置的問題
時間Sat Mar 19 12:15:42 2011
※ 引述《akhu (AK-)》之銘言:
: 請問一下圖片排列
: <table>
: <tr>
: <td>
: <img alt="" src="./images/XXX.jpg" />
: </td>
: </tr>
: </table>
: 如果是這樣的話,圖片在<td>裡
: ┌───────┐
: │ │
: ├───────┤
: │ 圖片 │
: ├───────┤
: │ │
: └───────┘
: 我要怎麼設還是在stly裡加甚麼才能讓圖片貼頂跟置底
: ┌───────┐
: │ 圖片 │
: ├───────┤
: │ │
: │ │
: │ │
: └───────┘
: ┌───────┐
: │ │
: │ │
: │ │
: ├───────┤
: │ 圖片 │
: └───────┘
: 就是希望圖片可以按照自己的想法在格子裡的位置
: 謝謝~
<table>
<tr>
<td style="position:relative;">
<img src="./images/XXX.jpg" style="position:absolute;bottom:0;">
</td>
</tr>
</table>
image可以用bottom:0或top:0來決定置底還是置頂,建議寫成class。
--
hellolucky's blog
http://blog.hellolucky.info/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.70.92.240
※ 編輯: hellolucky 來自: 203.70.92.240 (03/19 12:16)
→ superpai:td是例外..還要加一層div 因為 td是display:table-cell 03/19 15:32
→ superpai:position只作用在display:box上 03/19 15:32