css中怎么设置左右边距

在CSS中，设置元素的左右边距可以使用margin-left和margin-right属性。这两个属性可以为元素设置左右边距的大小，单位可以是像素、百分比或em。

{
    margin-right: 20px;
    margin-left: 20px;
} 

上述代码将为元素设置20像素的左右边距。如果要为元素设置百分比的左右边距，可以使用如下代码：

{
    margin-right: 10%;
    margin-left: 10%;
} 

这样就会使元素的左右边距占据父元素宽度的百分之十。如果要使用em作为单位，可以这样写：

{
    margin-right: 2em;
    margin-left: 2em;
} 

这样会使元素的左右边距等于其字体大小的两倍。需要注意的是，在使用百分比作为单位时，要确保父元素的宽度是已知的。

除了设置左右边距外，还可以使用margin属性同时设置上下左右四个方向的边距。例如：

{
    margin: 10px 10px 20px 20px;
} 

上述代码会使元素的上下边距为10像素，左右边距为20像素。如果上下左右的边距相等，可以使用这样的写法：

{
    margin: 20px;
} 

上述代码会使元素的四个方向的边距都为20像素。