小伙伴们,好久不见,不知道你们有没有这个困扰呢?今天折腾了好一会终于解决了,分享给大家
文章图片
??问题:最近在VSCode在使用emmet编辑a* 5或 span*5,生成多个行内标签时,不会自动换行,对块标签则会自动换行,假如有10个超链接标签一行写,可怕,毁灭吧,因此我希望对行内标签也可以自动换行。
??分析:面向百度,能找到WebStorm类似问题的解决方案,VSCode的却没有或者我没发现
WebStorm的解决方案是直接修改IDE的配置VSCode里面没有此类配置。在emmet这个内置插件上,经过搜索(关键字“行内”,“inline”,“new line”)
??解决:对emmet的配置文件做修改,设置inline_break
属性值为2,从而达到2个行内元素即强制换行,以此类推;值为0则不为行内元素换行,在VSCode设的置中搜索Syntax Profiles,在settings.json
中编辑,加入以下代码:
"emmet.syntaxProfiles": {
"html": {
"inline_break": 2
}
}
【技术闲聊|emmet编辑a*5或 span*5,生成多个行内标签时,不会自动换行的解决方案】保存后立即生效,输入a* 2或span*3等均可自动换行。
推荐阅读
- CSS|一行代码渲染头像
- CSS|CSS实现水滴动效
- vscode|windows操作系统下用vscode写C++
- 工具|我最终选择VS Code
- 前端基础|【Web 三件套】个人简单博客系统页面搭建(附源码)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()