在CSS中,
auto是一個值用于為屬性指定自動大小或位置。
在用于布局的屬性中,比如margin
,auto表示瀏覽器會自動計算元素周圍的空間,并在元素周圍創(chuàng)建相應的間距。如果將margin
設置為0 auto
,則元素的左右兩側將均勻地分布在父元素內的空間中。
#example { width: 200px; margin: 0 auto; }
在一些屬性中,如width
和height
,
auto表示瀏覽器會基于元素內容的大小自動計算屬性的大小。在
width
中使用auto
,意味著元素的寬度將填充其父元素的空間。#example { width: auto; height: auto; }
在使用position
屬性時,
auto表示元素將自動排列在父元素中。使用
left
或right
時,auto將使元素在水平方向上居中。使用
top
或bottom
時,auto將元素在垂直方向上居中。
#example { position: absolute; left: auto; right: auto; }
auto是一個非常實用的CSS屬性值,在布局和尺寸的自動調整方面提供了有效的幫助。