[分享]css中怎么两边留白

在CSS中，想要让文本左右两边留出一定的空白区域可以使用margin属性。在使用margin属性时，需要注意的是：1. margin属性有四个值，分别表示上、右、下、左四个方向的留白大小。如果只设置一...

在CSS中，想要让文本左右两边留出一定的空白区域可以使用margin属性。
在使用margin属性时，需要注意的是：
1. margin属性有四个值，分别表示上、右、下、左四个方向的留白大小。如果只设置一个值，表示四个方向均使用同一个留白大小；如果设置两个值，分别表示上下和左右方向的留白大小；如果设置三个值，分别表示上、左右、下三个方向的留白大小。
2. margin属性的值可以使用像素、百分比、em等单位表示，也可以使用auto关键字，表示让浏览器自动计算该方向的留白大小。
例如，下面的CSS代码可以让段落左右两边各留出50像素的空白区域：

p {
    margin: 0 50px;
} 

如果想要让文本在浏览器窗口中水平居中，并且左右两边留出相等的空白区域，可以使用以下的CSS代码：

p {
    margin: 0 auto;
    width: 50%;
} 

在该代码中，margin属性设置为0 auto表示水平方向左右留白相等，而width属性的值设置为50%表示该元素宽度为其父元素宽度的50%，从而实现了居中效果。
使用margin属性可以方便地控制文本的排列和布局，在网页设计中应用较为广泛。