在Less中写IE的css hack的方法介绍

关于Less中直接添加hack写法可能遇到的编译报错问题，这里提供一些解决方案。

第一种方法以IE7和display:inline-block为例。在Less中，我们可以这样写hack：

```less

.box {

display: inline-block;

display:inline;

zoom: 1;

}

```

编译后的结果会保持不变。但请注意，这里只能使用号作为hack的标识，使用+号会报错，因为+号在Less中不支持编码。这一点在String Functions中有详细说明。

第二种方法，如果一定要使用加号或其他直接写却不支持的hack字符，我们可以采取以下方式：

```less

@hack:~"/9"; //针对IE7，8的hack写法

.box {

width: 100px@hack;

}

```

编译后：

```css

.box {

width: 100px /9;

}

```

这里的~符号的作用是避免编译，记住后面要加引号。

第三种方法是这样写的：

```less

@hack:~"+";

.box {

@{hack}display: inline;

}

```

编译后：

```css

.box {

+display: inline;

}

```

记得加上{}括号。

以上就是关于Less中添加hack写法的三种解决方案。在实际使用中，可以根据具体情况选择合适的方式。希望这些内容对大家的学习有所帮助，也希望大家能够支持我们的网站——狼蚁SEO。 狼蚁SEO一直致力于提供高质量的SEO技巧和教程，帮助大家在搜索引擎优化方面取得更好的成绩。我们会不断更新内容，为大家提供更多有价值的信息和资源。如果你有任何问题或建议，欢迎通过我们的联系方式与我们交流。也欢迎你关注我们的社交媒体账号，获取的SEO资讯和技巧。再次感谢大家的支持！ 狼蚁SEO团队敬上。