css 弹性布局 ie8 |css3按钮如何出现边框

然而，CSS弹性布局的兼容性在不同浏览器上还是存在很大的问题。特别是在IE8上，由于不支持弹性布局，需要特殊处理。以下是CSS弹性布局在IE8上的兼容解决方案。

/* IE8兼容 */
display: inline-block; /* 使用IE8对弹性布局display: flex;的兼容 */
zoom:1; /* 必须有此代码 */
width:100%; /* 宽度若为自适应，需要设置宽度为100% */

为了使CSS弹性布局在IE8上能够正常显示，需要加入以上代码。其中，display: inline-block是将原来的弹性布局display: flex替换成inline-block布局，而zoom:1主要是修复IE8下inline-block布局换行bug，width:100%是设置宽度为100%，保证自适应宽度。

需要注意的是，虽然使用以上代码能够解决在IE8上显示弹性布局的问题，但是弹性布局的其他功能，如flex-direction、justify-content、align-items等，IE8并不支持。因此，要想实现弹性布局的所有功能，建议不要在IE8上使用该布局方式。