作者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/cn.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