webstorm中emmet展开a标签和行内元素不换行的解决办法

你们好我是木瓜太香，你们在使用 webstorm 编写 html 的时候可能会遇到展开部分标签挨在一块儿的状况，相信不少小伙伴都想解决这个问题，接下来咱们就开始吧！

先来看看咱们输入以下 emmet 代码的时候展开的效果是怎么样的

div>a*3

展开效果：

这个时候咱们可能须要本身去一个一个回车排版，固然这确定不是你想要的，如今咱们来解决这个问题。

在解决问题以前，咱们要知道产生这个问题的缘由，在 webstorm 中是对标签进行分类的，其实从逻辑上来讲，a 标签这种自己就属于行内标签，不换行在逻辑上是没有任何问题的，可是咱们开发的时候常常须要根据状况来调整，由于不少时候 a 标签会写的很长，咱们更但愿换行来增长可读性。

解决办法： 将 a 标签在 webstorm 中的分类变成非行内标签便可。

设置路径：File | Settings | Editor | Code Style | HTML | Other

找到上述路径对应的页面以后，向下翻动，找到 Inline elements 这个选项，将右边输入框中的 a 标签删除掉，以后保存设置便可，其余的行内标签也是一样的修改方法。

通过以上的修改咱们最终展开的效果以下图：

好了这个问题到这里咱们就解决了，若是你们有更多 webstorm 上的疑问，或者想学习更过 webstorm 相关的技巧，能够去哔哩哔哩搜索：木瓜太香 。（PS：目前应该是对 webstorm 作的最全的了）

我本身建了一个web前端的交流裙有兴趣的能够加入进来交流哦：237871108。固然你也能够经过哔哩哔哩搜索木瓜太香找到我。