在CSS中，可以使用text-indent屬性來設(shè)置文字的首行縮進(jìn)，這個(gè)屬性可以指定首行文本應(yīng)該縮進(jìn)多少空間，下面是一些示例代碼，展示如何使用text-indent屬性來實(shí)現(xiàn)文字首行縮進(jìn)：

示例1: 縮進(jìn)兩個(gè)空格

p {
  text-indent: 2em;
}

示例2: 縮進(jìn)五個(gè)字符

p {
  text-indent: 5ch;
}

示例3: 縮進(jìn)10像素

p {
  text-indent: 10px;
}

示例4: 縮進(jìn)一行高度

p {
  text-indent: line-height;
}

示例5: 縮進(jìn)固定寬度

p {
  text-indent: 200px;
}

示例6: 縮進(jìn)相對(duì)寬度

p {
  text-indent: 50%;
}

示例7: 縮進(jìn)***子元素邊緣

p {
  text-indent: -webkit-calc(var(--sidebar-width) + 1em); /* 使用Webkit的calc計(jì)算子元素寬度 */
}

示例8: 縮進(jìn)***父元素邊緣

p {
  text-indent: -webkit-calc(100% - var(--sidebar-width)); /* 使用Webkit的calc計(jì)算父元素寬度 */
}

示例9: 縮進(jìn)***視口邊緣

p {
  text-indent: -webkit-calc(100vw - var(--sidebar-width)); /* 使用Webkit的calc計(jì)算視口寬度 */
}

示例10: 縮進(jìn)***根元素邊緣

p {
  text-indent: -webkit-calc(100% - var(--sidebar-width)); /* 使用Webkit的calc計(jì)算根元素寬度 */
}