VS code 快捷键问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>localStorage</title>
<style>
* {
padding: 0;
margin: 0;
list-style: none;
}
body,
html {
height: 100%;
}
body {
position: relative;
}
.guai {
position: absolute;
top: 50%;
left: 50%;
/* margin:-75.5px 0 0 -100px; */
margin-top: -75.5px;
margin-left: -100px;
}
.line {
position: absolute;
top: 20px;
left: 50%;
width: 400px;
height: 20px;
border: 4px solid black;
margin: 0 0 0 -204px;
border-radius: 10px;
}
.xie {
width: 400px;
height: 100%;
background: red;
transition: 0.3s;
}
body {
position: relative;
}
/* 在使用VScode 代码别写好了 我想收缩 下面这样的形式 快捷键是？ 老师怎么让上面的样式 变成下面的缩进形式啊 */
*{margin: 0;padding: 0;list-style: none;}
body{position: relative;height: 100%;}
html{height: 100%;}
.guai{position: absolute;left: 50%;top: 50%;margin: -75px 0 0 -100px;}
.line{width: 400px;height: 20px;border:4px solid black;position: absolute;left: 50%;top: 20px;margin: 0 0 0 -204px;}
.xie{width: 400px;height: 100%;background: red;transition: .3s;}
</style>
</head>
<body>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>localStorage</title>
<style>
* {
padding: 0;
margin: 0;
list-style: none;
}
body,
html {
height: 100%;
}
body {
position: relative;
}
.guai {
position: absolute;
top: 50%;
left: 50%;
/* margin:-75.5px 0 0 -100px; */
margin-top: -75.5px;
margin-left: -100px;
}
.line {
position: absolute;
top: 20px;
left: 50%;
width: 400px;
height: 20px;
border: 4px solid black;
margin: 0 0 0 -204px;
border-radius: 10px;
}
.xie {
width: 400px;
height: 100%;
background: red;
transition: 0.3s;
}
body {
position: relative;
}
/* 在使用VScode 代码别写好了 我想收缩 下面这样的形式 快捷键是？ 老师怎么让上面的样式 变成下面的缩进形式啊 */
*{margin: 0;padding: 0;list-style: none;}
body{position: relative;height: 100%;}
html{height: 100%;}
.guai{position: absolute;left: 50%;top: 50%;margin: -75px 0 0 -100px;}
.line{width: 400px;height: 20px;border:4px solid black;position: absolute;left: 50%;top: 20px;margin: 0 0 0 -204px;}
.xie{width: 400px;height: 100%;background: red;transition: .3s;}
</style>
</head>
<body>
</body>
</html>
在使用VScode 代码别写好了 我想收缩 下面这样的形式 快捷键是？ 老师怎么让上面的样式 变成下面的缩进形式啊
源自： HTML5存储
2-3 存储实现打怪小案例
28
收起
正在回答
3回答
同学你好，可以安装这个插件
然后在一个单独css文件中（html中包含css不可以），选中全部代码，使用ctrl+j快捷键就可以变为一行。
如果安装了其他格式化样式的插件或者保存的时候自动格式化的插件可以禁用一下，否则将代码变成一行之后，保存就会再次展开。
自己试一下，祝学习愉快！
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星