css中左右边界设置

CSS中左右边界设置的作用非常重要，它可以帮助我们更好地控制页面布局。
首先，左右边界可以通过设置margin属性来实现。比如，设置一个盒子div的左边框距离页面左边界20像素，可以这样写：

div {
    margin-left: 20px;
} 

这种方式适用于所有的块级元素和一些可替换元素，比如image、video等。
但是对于一些inline和inline-block元素，我们还需要使用padding属性来设置左右边界，因为这些元素的margin在不同浏览器中会表现不同。比如，我们希望在一个链接a标签中显示一个带边框的按钮，可以这样写：

a.button {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
} 

这里使用了padding属性来设置左右边界，并通过border属性来添加边框，border-radius属性来设置边框的圆角效果。同时，还使用text-decoration: none属性来去掉默认的下划线。
除了margin和padding属性，CSS还提供了另外一种方式来设置左右边界，那就是使用flex布局。通过设置一个容器元素的display属性为flex，可以让其中的子元素按照一定的比例自动排列。比如，我们希望在一个容器元素div中放置三个子元素，并让它们平均占据整个空间，可以这样写：

div.container {
    display: flex;
    justify-content: space-between;
}

div.container div.child {
    flex-grow: 1;
} 

这里通过设置容器元素的display属性为flex，让其中的子元素自动排列，通过设置justify-content属性为space-between，让子元素之间平均分布，通过设置子元素的flex-grow属性，让子元素平均占据整个空间。
综上所述，CSS中左右边界设置是非常重要的，它可以帮助我们更好地控制页面布局，提高页面的可读性和易用性。常用的方法有设置margin和padding属性，以及使用flex布局，需要根据不同的情况进行选择。