【问题标题】:not able to align vertical flex-end on IE11无法在 IE11 上对齐垂直 flex-end
【发布时间】:2018-09-17 05:24:42
【问题描述】:

关于this in desktop view,我很难将绿色堆栈顶部的svg三角形带到IE11上的垂直flex-end,请参阅屏幕截图。 Chrome 和其他设备正常工作。

我尝试了从CanIUse 获得的一些想法,但我无法让它发挥作用。存在引导程序 3。感谢您的任何提示。

【问题讨论】:

  • 你能分享一些代码吗?
  • 我帖子第 1 行链接的代码的附加代码?还是你想让我把它剪成一个 sn-p?

标签: html css twitter-bootstrap-3 flexbox internet-explorer-11


【解决方案1】:

您可以删除.tg-nh-rating-table svg的所有样式并添加

.tg-nh-rating-table svg {
    height: 50px;
}

似乎 IE11 实现 svg 是 100%,与 wrap div pylon-end 的高度相同。所以只需为 svg 添加高度。这将起作用。

【讨论】:

  • 谢谢 :) 但我试图避免这种情况,因为当浏览器窗口宽度缩小时,固定高度会使显示崩溃。但是当固定高度工作时,我可以尝试使用 javascript 确定正确的高度。还是你有别的想法?
  • 您可以使用最小高度,当浏览器较小时,广告使用媒体查询进行调整。
猜你喜欢
  • 2019-02-23
  • 2017-05-11
  • 2016-11-19
  • 2018-04-09
  • 2015-03-01
  • 2019-04-30
  • 2018-02-20
  • 2017-06-11
  • 2022-10-13
相关资源
最近更新 更多