【问题标题】:box-align not working in Chrome or Firefoxbox-align 在 Chrome 或 Firefox 中不起作用
【发布时间】:2014-05-30 02:05:36
【问题描述】:

我正在尝试将 box-align 设置为 startbaseline 以便我的列将按照我想要的方式调整大小,但它们不会拉伸到相同的高度,但这不起作用由于某种原因,在 Firefox 的 Chrome 中。它在 IE11 中运行良好。

Demo(页面缩小到1280px以内生效):http://www.weblinxinc.com/beta/hf-racquet-fitness-club/demo/site/internal.htm

在 IE11 中的结果:

Chrome 中的结果:

【问题讨论】:

  • 请发布您的代码。
  • 它工作的浏览器很有趣,因为它的浏览器兼容性表来自MDN page(其中还提到box-align 是被替换标准的一部分,所以你可能应该停止使用它)。

标签: css flexbox


【解决方案1】:

在查阅了 W3C 的文档后,我发现有一个属性align-items,解决了我的问题:

-webkit-flex-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-10
    • 2016-02-07
    • 2018-10-02
    • 2023-03-08
    • 2017-11-08
    相关资源
    最近更新 更多