emmet编辑a*5或 span*5,生成多个行内标签时,不会自动换行的解决方案

简介: 小伙伴们,好久不见,不知道你们有没有这个困扰呢?今天折腾了好一会终于解决了,分享给大家🦄

d9ab5a6b5c274542a3b38e285774c358.jpg


问题:最近在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
    }
}


保存后立即生效,输入a* 2或span*3等均可自动换行。


相关文章
|
1月前
|
前端开发
css 实用技巧 —— 文字和图标垂直居中对齐(四种方法)
css 实用技巧 —— 文字和图标垂直居中对齐(四种方法)
385 1
|
1月前
|
前端开发
设计--字体样式---斜体,CSS字体属性用法
设计--字体样式---斜体,CSS字体属性用法
|
1月前
|
JavaScript
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
|
2月前
|
数据采集 移动开发 前端开发
前端基本标签,快捷键
前端基本标签,快捷键
|
2月前
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
23 0
|
3月前
Word标题跟随正文样式缩进的解决办法
Word标题跟随正文样式缩进的解决办法
111 2
sublime侧边栏字体、样式、边距修改
sublime侧边栏字体、样式、边距修改
279 0
sublime侧边栏字体、样式、边距修改
|
前端开发
css使文字显示两行后显示省略号
css使文字显示两行后显示省略号
64 0
|
Web App开发 前端开发 搜索推荐
利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标)
现而今,我们纵向的回顾整个大前端的历史,不难发现,人们对前端的审美要求越来越高,越来越严苛,与此同时,人们对追求美的体验是也极致的,从理性到感性,从平面到几何,从现实到虚拟,所以从某种角度来说,作为前端工程师,他们所追求的东西往往和人类软件核心理念南辕北辙,因为人类的终极追求是个性,绝不是共性,换句话说,大家都一样就不好玩儿了。
利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标)
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
1019 0
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)