如何让中括号【】与下面内容垂直对齐？

一分耕耘，一分收获！既然都打开这篇《如何让中括号【】与下面内容垂直对齐？》，就坚持看下去，学下去吧！本文主要会给大家讲到等等知识点，如果大家对本文有好的建议或者看到有不足之处，非常欢迎大家积极提出！在后续文章我会继续更新文章相关的内容，希望对大家都有所帮助！

中括号与下面内容的垂直对齐

问题：中括号（【】）如何与下面的文本内容垂直对齐？

解决方法：

针对中文符号，第一行使用text-indent进行缩进效果更佳。

div:nth-child(1) {
  text-indent: 10px;
}

或者，可以给第一行添加负的缩进。

div:nth-child(1) {
  text-indent: -10px;
}

但是，如果中括号不是总是出现，则需要使用伪类选择器。

div::before {
  content: "【";
  margin-right: 4px;
}
div:nth-child(2) {
  text-indent: 10px;
}

这样，每个第二行的文本都会缩进 10px，中括号则始终与下面的文本对齐。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何让中括号【】与下面内容垂直对齐？》文章吧，也可关注golang学习网公众号了解相关技术文章。