表格寬度設定問題 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

表格寬度設定問題

ektrontek 2015-12-04 21:45:15 ‧ 1630 瀏覽

分享至

請教大家
可以設定表格的寬度(TD)不會因為裏頭文字或圖片而變大或變小嗎?感謝

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 個回答

0

louischou

iT邦新手 4 級 ‧ 2015-12-08 16:27:29

最佳解答

文字太長可以強制斷行
word-break: break-all

圖片的話建議直接控制大小
畢竟就算使用max-width: 100% 改變大小也是有解析度問題
還是直接規定圖片就是要用什麼大小最好

回應
分享
檢舉

登入發表回應

0

fillano

iT邦超人 1 級 ‧ 2015-12-05 09:59:31

基本上如果是碰到圖片或是連續英數字，大概很難有完美的解法。

用兩個東西配合可以讓表格不破，維持寬度：

table的style加入：table-layout: fixed以及width
th, td的style加入：overflow: hidden以及width

只是碰到圖片或是連續英數字超出格子，就會被隱藏（hidden），有一好沒兩好

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙