作者aoksc (重出江湖)
看板Web_Design
標題[問題] 如何讓元件不超過畫面範圍
時間Sun Jan 13 20:32:15 2019
請教各位
小弟問題如下
https://imgur.com/a/k3I6s11
主要問題就是說圖中的<em>做為長條圖顯示時
當它的height超過一定數值時
長條圖就會超過原先的顯示範圍造成破版
那我想請教一下有什麼屬性可以讓<em>顯示是一定不會超過td的高度
像是動態把td撐開之類的方式
謝謝
補充一下
<span>有設定Height:120px
所以<em>的高度不能超過120px
不然就會有破版的問題
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 150.117.240.159
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1547382738.A.73C.html
※ 編輯: aoksc (150.117.240.159), 01/13/2019 22:28:32
1F：推 ymcheung: 可以放在 codepen 上面嗎？這樣才看得出整體問題 01/13 22:40
2F：→ ymcheung: 因為span 預設是 inline，設定 height 是沒用的 01/13 22:41
抱歉
因為檔案太亂的關係要貼到codepen可能有難度
但我可以貼圖片
https://imgur.com/a/UUM1ekE
如第一張圖所示
它如果超過白色區塊部份進到藍色區塊就算破圖
※ 編輯: aoksc (150.117.240.159), 01/13/2019 23:00:43
4F：→ tino1991: span 就設auto啊? 01/14 00:43
5F：→ tino1991: 貼程式碼貼個片段重現你的問題就好啦又不是要你全貼 01/14 00:44
6F：推 shter: max-height 才是不超過 01/14 03:16
這是我整理過後的內容
請各位參考看看
https://codepen.io/ChaoHsun/pen/dwwZPV
※ 編輯: aoksc (61.220.213.91), 01/14/2019 10:10:15
7F：→ kurtisgod: em position: absolute的話 動態去改變外層td的高度吧 01/14 13:35
9F：→ pkro12345: 只改該tr 其他html架構實在慘不忍睹就不改了 01/14 22:42