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

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

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

div>a*3web

展开效果:webstorm

image-20200906221037752

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

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

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

**设置路径:**File | Settings | Editor | Code Style | HTML | Otherhtm

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

image-20200906221921697

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

image-20200906222102921

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

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