Posted on | by liu
在网页设计中，排版是非常重要的一环。常常需要对段落中的文字进行格式化，使得整个页面看起来整洁美观。今天大家将讨论一种常见的排版技巧，即文字的左右缩进。
在 CSS 中，可以通过 text-indent 属性来定义文本的首行缩进。如果需要左右缩进，则可以使用 padding 属性来实现。让大家来看一个实例：
p {
padding-left: 20px;
padding-right: 20px;
}上面的代码表示将段落的左右两侧都分别缩进 20 像素。当然，也可以只对其中一侧进行缩进，例如：
p {
padding-left: 20px;
}上面的代码只对左侧进行了缩进，右侧保持不变。
除了使用 padding 属性外，还可以使用 margin 属性来实现文字的左右缩进。两者的区别在于，padding 是将内容往内缩进，而 margin 是将元素的边框往内缩进。这一点需要注意。
p {
margin-left: 20px;
margin-right: 20px;
}上面的代码与第一个实例代码等效，都将段落的左右两侧缩进 20 像素。
需要说明的是，缩进值可以是任意的长度单位，包括像素、百分比、英寸、厘米等。通过调整缩进值，可以实现不同的排版效果。
另外，需要注意的是，文本缩进只对第一行有效。如果需要实现多行缩进，可以使用 text-shadow 或 box-shadow 属性来处理，不过需要一定的技巧。这里就不再赘述。
总之，通过使用 text-indent、padding、margin 属性，可以方便地实现文字的左右缩进。这是排版中的一种常见技巧，掌握它可以让你的网页看起来更加美观和整洁。