【前端小技巧】记录开发中运用到的小技巧

HTML

1. …

CSS

1. 给div元素添加display: inline-block;可以让div的宽度随内容的增减而增减；
2. 项目中样式使用了scoped之后，对组件库的样式修改不起作用？可以使用>>>or/deep/，vue中还可以使用::v-deep。
   注意：
   1） 在Sass等编辑器中，使用>>>可能会编译不了，因此可以使用后两者。
   2） 上述选择器应在第一层级中声明，比如要设置el-table（第一层级）中的el-tag-label（更深层级）的样式，应该如下进行设置：

		/deep/ .el-table .el-tag-label {
			font-size: 12px;
		}

3. …

JS

1. 设置JSON.stringify的第三个参数（缩进空格数），可以轻松将JSON数据转化为带缩进的JSON字符串格式。
2. …