iT邦幫忙

0

表格寬度設定問題

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

圖片
  直播研討會
圖片
{{ 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

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

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

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

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

我要發表回答

立即登入回答