[分享]css不在ie运行语法 ie

CSS是网页设计的重要组成部分，它可以用来设置网页的样式和布局。但是，在Web开发过程中，我们可能会遇到一些问题，比如CSS不在IE中运行，这是什么原因呢？//CSS代码 .box { display...

CSS是网页设计的重要组成部分，它可以用来设置网页的样式和布局。但是，在Web开发过程中，我们可能会遇到一些问题，比如CSS不在IE中运行，这是什么原因呢？

//CSS代码
.box {
  display: flex;
  justify-content: center;
} 

其实，CSS不在IE中运行是因为IE不支持一些CSS属性和声明。比如上述代码中的“display: flex;”就是其中之一，这是一个比较新的CSS3属性，在IE9以下的版本中是不被支持的。

那么，如何解决这个问题呢？我们可以使用IE的兼容模式，在CSS中添加特定的代码，使其在IE中得到支持。

//CSS代码(兼容IE)
.box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
} 

这里我们可以看到，对于IE不支持的flex属性，我们加上了-webkit-和-ms-前缀，同时也需要针对flex布局的其他属性做出相应的修改，这样才能在IE中正确地渲染网页。

总结来说，CSS不在IE中运行可能是由于浏览器不支持某些CSS属性和声明造成的。我们可以采用兼容性的解决方案，通过添加前缀或特定代码来解决这个问题，这样能够保证我们的网页在各种不同的浏览器上都能正常显示。