作者flyingIdea (飛翔的想法)
看板Web_Design
標題[問題] table裡塞圖片 超出來的就隱藏
時間Wed Apr 24 22:42:43 2013
<table align="center"
style="height: 500px; width: 1000px; table-layout: fixed;
overflow: hidden;"
frame="border" rules="none" cellpadding="5">
<tr>
<td><img src="aaa.jpg"> </td>
</tr>
</table>
以上是我精簡了我的寫法....
用table-layout:fixed去限制他的總欄位大小
aaa.jpg是一張超過 1000x500的圖
但是我放出來後只有X軸有被功成1000
而Y軸一樣會撐開到他原本的大小
我也試過放在TD裡
但是是沒有用的....
請問一下有辨法讓他X和Y軸的size被固定嗎?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 1.174.248.46
※ 編輯: flyingIdea 來自: 1.174.248.46 (04/24 22:46)
1F：推 s25g5d4:哪裡有aaa.jpg? 04/24 22:48
後來我又貼上一次蓋過去了XD
※ 編輯: flyingIdea 來自: 1.174.248.46 (04/24 22:52)
2F：推 s25g5d4:overflow: hidden試看看 04/24 23:38
加了~一樣沒用@@~
※ 編輯: flyingIdea 來自: 1.174.248.46 (04/24 23:42)
3F：→ iceblue7x:外面加一層div，overflow、height寫在div上 04/24 23:57
4F：推 mobi76:我都直接把img設td background XD 04/25 02:10
5F：→ mobi76:然後td設width hieght 04/25 02:12
6F：→ tyf99:table 加上 display: block，block 才能用 overflow 04/25 02:12
7F：→ tyf99:background 行不通，背景圖只能是 100% size 04/25 02:13
8F：→ flyingIdea:感謝tyf99!!成功了!! 04/25 21:32