关于可变宽div的居中问题

个人博客文章链接：http://www.huqj.top/article?id=148

我们经常使用 margin: 0 auto; 来将div居中，但是这样需要给div设置一个宽度，因为div默认是和父元素同宽。如果不想给div设置一个固定的宽度怎么办呢？

这时候可以使用一个css属性： display: table; 这样会默认将刚好包含元素的宽度作为div的宽度。

另外还有两个属性：min-width和max-width可以分别设置div的最小和最大宽度，从而实现可变化的宽度。

例如下面这个：

1 2 3 4 5 6 7

div {     position: relative;     display: table;     margin: 0 auto;     min-width: 100px;     max-width: 200px; }

 

标签：css