2022-01-07 SASS @each指令

DA2LE

于 2022-01-07 22:14:39 发布

阅读量380

点赞数

CC 4.0 BY-SA版权

文章标签： sass

本文探讨了SCSS预处理器中如何使用变量控制文本左、中、右对齐，并详细解释了`.text-left`、`.text-center`和`.text-right`在实际CSS中的应用，是前端开发者必备的布局技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@each $var in (left, center, right) {
	.text-#{$var} {
		text-align: $var;
	}
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}