时间戳

首页 > 解决方案 > IE11 & justify-content 问题

css - IE11 & justify-content 问题

问题描述

我的 Angular 6 应用程序同时在 IE 11 和 Chrome 最新版本上运行。在那里，我有两个按钮使用下面的 CSS3 相互分隔。

.my widget .my footer {
    display: flex;
    justify-content: space-evenly;
    margin: 3px auto 6px;
}

使用上面的 CSS 它在 Chrome 浏览器中效果很好，并且按钮彼此分开，中间有一些空间，但是在 IE11 上，当我检查时，我在下面的 CSS 中看到了红线

justify-content: space-evenly;

我试过了，justify-content:space-between但我仍然看到按钮相互连接，中间没有空格。

标签： cssangular

解决方案

我已经使用space-around如下方式来使事情正常进行。

 justify-content: space-around;

这适用于 IE11 和 chrome。感谢@G-Cyrillus 对此进行调查。

推荐阅读