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

[aoksc (重出江湖)]

請教各位

小弟問題如下

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
推 ymcheung: 可以放在 codepen 上面嗎？這樣才看得出整體問題
→ ymcheung: 因為span 預設是 inline，設定 height 是沒用的
抱歉

因為檔案太亂的關係要貼到codepen可能有難度

但我可以貼圖片

https://imgur.com/a/UUM1ekE

如第一張圖所示

它如果超過白色區塊部份進到藍色區塊就算破圖
※ 編輯: aoksc (150.117.240.159), 01/13/2019 23:00:43
→ tino1991: https://codepen.io/anon/pen/REERJE 水晶球很小顆
→ tino1991: span 就設auto啊?
→ tino1991: 貼程式碼貼個片段重現你的問題就好啦又不是要你全貼
推 shter: max-height 才是不超過
這是我整理過後的內容

請各位參考看看

https://codepen.io/ChaoHsun/pen/dwwZPV
※ 編輯: aoksc (61.220.213.91), 01/14/2019 10:10:15
→ kurtisgod: em position: absolute的話  動態去改變外層td的高度吧
推 pkro12345: https://codepen.io/anon/pen/vvbBVm
→ pkro12345: 只改該tr 其他html架構實在慘不忍睹就不改了