[問題] 如何讓元件不超過畫面範圍

看板Web_Design作者 (重出江湖)時間5年前 (2019/01/13 20:32), 5年前編輯推噓3(306)
留言9則, 5人參與, 5年前最新討論串1/1
請教各位 小弟問題如下 https://imgur.com/a/k3I6s11 主要問題就是說圖中的<em>做為長條圖顯示時 當它的height超過一定數值時 長條圖就會超過原先的顯示範圍造成破版 那我想請教一下有什麼屬性可以讓<em>顯示是一定不會超過td的高度 像是動態把td撐開之類的方式 謝謝 補充一下 <span>有設定Height:120px 所以<em>的高度不能超過120px 不然就會有破版的問題 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 150.117.240.159 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1547382738.A.73C.html ※ 編輯: aoksc (150.117.240.159), 01/13/2019 22:28:32

01/13 22:40, 5年前 , 1F
可以放在 codepen 上面嗎?這樣才看得出整體問題
01/13 22:40, 1F

01/13 22:41, 5年前 , 2F
因為span 預設是 inline,設定 height 是沒用的
01/13 22:41, 2F
抱歉 因為檔案太亂的關係要貼到codepen可能有難度 但我可以貼圖片 https://imgur.com/a/UUM1ekE 如第一張圖所示 它如果超過白色區塊部份進到藍色區塊就算破圖 ※ 編輯: aoksc (150.117.240.159), 01/13/2019 23:00:43

01/14 00:42, 5年前 , 3F
01/14 00:42, 3F

01/14 00:43, 5年前 , 4F
span 就設auto啊?
01/14 00:43, 4F

01/14 00:44, 5年前 , 5F
貼程式碼貼個片段重現你的問題就好啦又不是要你全貼
01/14 00:44, 5F

01/14 03:16, 5年前 , 6F
max-height 才是不超過
01/14 03:16, 6F
這是我整理過後的內容 請各位參考看看 https://codepen.io/ChaoHsun/pen/dwwZPV ※ 編輯: aoksc (61.220.213.91), 01/14/2019 10:10:15

01/14 13:35, 5年前 , 7F
em position: absolute的話 動態去改變外層td的高度吧
01/14 13:35, 7F

01/14 22:40, 5年前 , 8F

01/14 22:42, 5年前 , 9F
只改該tr 其他html架構實在慘不忍睹就不改了
01/14 22:42, 9F
文章代碼(AID): #1SEo_ISy (Web_Design)