Web/PhpStorm代码格式化a、img标签换行的问题解决

Web/PhpStorm代码格式化a、img标签换行的问题解决 经验总结 第1张

最近发现一个问题,使用 WebStorm 或者 PhpStorm 代码格式化时, a 标签 和 img 标签或者 link 标签会自动换行,显示多行,如下图:

Web/PhpStorm代码格式化a、img标签换行的问题解决 经验总结 第2张

解决方法:

点击左上角 File(文件)> Settings(设置)> Editor(编辑器)> Code Style(代码风格),*我的是 HTML 就找到并点击,然后点击右侧上方的 tab 标签 “Other(其他)”。

Web/PhpStorm代码格式化a、img标签换行的问题解决 经验总结 第3张

把 Wrap attributes 设置为 Do not Wrap (如下图),就不会自动格式化成多行了。

Web/PhpStorm代码格式化a、img标签换行的问题解决 经验总结 第4张

推荐阅读:

Vue.js学习笔记——简介、安装使用

jQuery text() html() val()设置内容和attr()设置属性的用法

常见文件的mine type类型及获取方法

git rm删除文件的使用,以及和rm的区别

PhpStorm的GitHub和git配置,以及不显示git的设置方法

赞 (1)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)