CSS中设置左右自动可以通过text-align属性来实现。text-align可以用于设置块级元素的对齐方式,包括left、center、right和justify。当设置text-align为center时,块级元素会水平居中对齐。
例如,如果我们想让一个div元素在父元素中水平居中对齐,我们可以通过以下代码实现:
div { width: 200px; height: 200px; background-color: #eee; margin: 0 auto; text-align: center; }
上述代码中,margin属性的值为0 auto表示上下无需居中对齐,左右自动居中对齐,这样就可以实现div元素在父元素中水平居中对齐。同时,text-align属性的值为center可以让div元素内部的文本内容也水平居中对齐。
除了div元素,其他块级元素也可以通过设置text-align属性来实现左右自动对齐的效果。不过需要注意的是,内联元素是无法通过text-align属性来实现对齐的。