大家好我是木瓜太香，大家在使用 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 做的最全的了）

有前端问题需要讨论的可以加我的qun:237871108。也可以通过哔哩哔哩搜索木瓜太香找到我。

最新文章

  1. hibernate一对一外键双向关联
  2. 详解Javascript中正则表达式的使用
  3. PHP通过ini_set()来设置显示错误信息和执行时间
  4. ivy 配置 maven代理
  5. Laravel5.0学习--01 入门
  6. TortoiseSVN菜单项功能说明
  7. LeetCode Minimum Height Trees
  8. Python 1 —— Start Up
  9. 【kAriOJ】离散数学春季学期编程测试 1
  10. Logical Address->Linear Address->Physical Address
  11. FindMe
  12. Python Tips and Traps(一)
  13. curl伪造ip
  14. SPOJ 3267 求区间不同数的个数
  15. 微信第三方登录（原生）demo
  16. 由throw new Error() 引发的探讨
  17. cocos2d-x升级到3.4与创建android项目
  18. js拖拽效果详细讲解
  19. transform：scale（）妙用——当下拉列表，图片无缝拉升 动画效果
  20. Spring事物的属性

热门文章

  1. C#LeetCode刷题之#633-平方数之和（ Sum of Square Numbers）
  2. C#LeetCode刷题之#532-数组中的K-diff数对（K-diff Pairs in an Array）
  3. IDEA 非常重要的一些设置项 → 一连串的问题差点让我重新用回 Eclipse ！
  4. Linux用户锁定、解锁及锁定查看
  5. js对象的数据属性和访问器属性
  6. 最后之作-Last Order(bushi
  7. 关于初次使用Thymeleaf遇到的问题 2020-08-11
  8. Android 获取对象列表中的某一列 / 所有对象的某一字段，Realm数据库可获取某一字段所有值
  9. 动态数组java实现
  10. Python 判断ip是否属于网段