《前端》WebStorm中html关于有的标签不自动缩进的问题

最新推荐文章于 2024-07-26 14:28:29 发布
最新推荐文章于 2024-07-26 14:28:29 发布
阅读量1.6k 收藏 9
点赞数 2
分类专栏： 前端 文章标签： 前端
原文链接：https://www.cnblogs.com/fanlumaster/p/13593845.html
版权

如图，打开设置，然后找到这个设置页面，找到 Do not indent children of 这一栏，把想要自动缩进的标签给从这个输入框里面去掉即可。

截图

我是叫帽帽啊
关注
专栏目录
HTML 语法规范——代码注释、缩进与格式、标签与属性、字符编码等
Allen-
11-01 451
在开发 HTML 文档时，遵循良好的语法规范是确保代码清晰、可维护和兼容性强的重要基础。以下是一些基本的 HTML 语法规范，包括注释、标签的使用、属性、缩进与格式、字符编码和有效性。
WebStorm 2020.3震撼来袭：支持Tailwind CSS、Git等
qq_42444778的博客
12-02 2918
WebStorm 2020.3是本年度的最后一次重大更新！此更新包含许多期待已久的增强功能，包括对Tailwind CSS的支持，将IDE主题与操作系统设置同步的功能以及Git暂存。 下载WebStorm 2020.3 新功能和改进属于以下类别： 外观：一个新的“Welcome”界面，可以将IDE主题与您的OS设置同步，改进了使用选项卡的功能，默认情况下可以使用WebStorm打开文件的选项，等等。 框架和技术：Tailwind CSS支持，根据使用情况创建React组件的能力，Vue.js的增
WebStorm格式化代码Style和Script标签没有缩进问题
ATT
12-08 1425
WebStorm格式化Script标签和Style标签没有缩进问题
webstorm使用stylus语法换行无法自动缩进的解决办法
weixin_38353851的博客
03-10 3061
如图所示，取消勾选即可换行自动缩进，不用再一个个打空格了！
修改webstorm中html模板标签缩进
qq_35285184的博客
12-10 1300
修改html的模板,让你的代码看起来更美观
【IDE】【WebStorm】html排版设置head和body缩进
天天向上 Up Up Up (*^▽^*)
01-16 4350
Webstorm编辑HTML，如何配置在保存时自动缩进，如何自定义要缩进的标签
最新发布
GB2102的博客
07-26 297
Webstorm保存时自动缩进，指定标签缩进
Web前端第二课(快速入门HTML标签合集、 WebStorm快捷键)
m0_46493060的博客
03-15 784
Web前端第二课(入门HTML标签合集、 WebStorm快捷键) ------初识HTML，基础标签、超链接 1.HTML概述 HTML文件由标签语言组成 标签的组成： 1.<元素名 [属性名=“属性值”] …>元素内容</元素名> 如<a href="http://www.zjut.edu.cn/">浙江工业大学</a>就是超链接的语法，标签表示一个超链接，herf是属性名指明链接的网址，一个完整的标签要有结束的</元素名>,效果如下 2.空
【HTML】掌握 HTML 5 标签搭建页面结构
ITLearnNote—-聚焦互联网的技术革新
04-19 745
HTML基础介绍
WebStorm默认配置
03-14
- **自动格式化**：开启`Settings/Preferences > Editor > General > Auto Import`中的自动导入和`On Save`选项，让WebStorm在保存时自动格式化代码和优化导入。 3. **文件和目录忽略** - **忽略文件和目录**：在...
解决IDEA、PyCharm、WebStorm等JetBrains公司编辑器代码格式化HTML标签缩进问题
langkye
01-14 1198
解决JetBrains公司编辑器代码格式化HTML标签缩进问题 默认情况下，对HTML代码格式化，head、body下的子标签是不缩进的 Crl + Alt + L 解决: 依次点击[File ——> settings ——> Editor ——> Code Style ——> HTML]， 找到 [ Do not indent children of: ]， ...
webStorm的代码换行自动缩进设置
w506667090的博客
04-26 1万+
我们写代码的时候，一般代码缩进都是4个空格，但是在前端开发中，建议使用2个空格来进行代码缩进。 1.设置HTML页面代码缩进 点击Webstorm中File->Settings->Editor->Code Style->HTML(也可以使用快捷键Ctrl+Alt+S进入Settings，搜索HTML)。来设置HTML的代码缩进。 2.设置JavaScript代码缩进 和上面一样，点击Webstorm中File->Settings->Editor...
webstorm 设置缩进不生效
鹿的迷雾林的博客
04-25 1万+
设置代码缩进 1. 依次打开files —- settings —- Editor —- Code Style —- JavaScript 2.设置Tabs and Indents 设置为你想要的宽度 3.重点来了，设置完后有可能始终不生效 选中Plugins , 在右边的搜索框内搜索editorconfig，显示出这个插件列表，将他后面的勾勾去掉，点击Apply，O...
02-学习笔记（webstorm设置代码自动缩进量）【新手上路，多多关照】
fwz123的博客
11-23 1721
WebStorm设置代码自动缩进为两个空格（默认为四个空格）
html中单元格的内容缩进,网页制作中段落缩进的5种解决方法
weixin_42403922的博客
06-09 2965
1、人为的加入两个中文全角空格，才能够显示出位置缩进效果。2、插入点图或图形点图是指图片中只有一个或几个像素点，用肉眼看不出来。当我们在段落开头插入这样一个点图，并用HSPACE和VSPACE属性来调整点图的左右和上下的空格，以达到段落缩进。同样可以插入图形，只不过该图形的颜色需要用网页背景色，这种方式用IMG的WIDTH和HEIGHT属性调整图形大小，以达到缩进。插入图形的方法，需要我们掌握好H...
webStorm修改缩进排版
热门推荐
逸尘的专栏
07-07 2万+
**菜单选项入口：**File->Setting->Editor->Code Style->JavaScript页面中选择 tabs and indents标签： cnnode源代码，用webstorm打开，indent缩排时2，而webstorm默认时4，在换行的时候总是多出两个空格，将webstorm中的indent修改成2。
解决eslint与webstorm关于script标签的缩进问题
风里有诗句哈的博客
04-27 2268
在vue-cli中，使用eslint时会对代码进行校验，其在.vue文件中支持的是不缩进，如下所示： 在.eslintrc.js文件中，将rules节点添加如下配置项： rules: { // 数字2表示统一缩进2个空格，数字1表示1倍缩进 'vue/script-indent': ['error', 2, {'baseIndent': 1}] } 还要添加以下内容 over...
webstorm 写标签换行缩进
04-30
在 WebStorm 中，您可以使用以下方法在编写标签时自动换行和缩进： 1. 打开 WebStorm 设置（Preferences）。 2. 在左侧面板中选择 Editor > Code Style > HTML。 3. 在右侧面板中，选择“Wrapping and Braces”选项卡。 4. 在“HTML tag”下拉菜单中，选择“Wrap always”选项。 5. 在“HTML attributes”下拉菜单中，选择“Wrap if long”选项。 6. 确认“Indent”选项卡中的缩进设置。 7. 单击“Apply”或“OK”按钮保存更改。 现在，当您编写 HTML 代码时，WebStorm 将自动在标签中添加换行并进行缩进。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值