用min-width设置div的最小宽度问题

Question

用min-width设置div的最小宽度，让这个div居中，但是总是继承了父元素的宽度，导致内容总是在左显示，要怎么才能不继承父元素的宽度

Answer 1

可以使用inline-block实现内容自适应；父元素直接text-align:center使display:inline-block的子元素居中;子元素通过text-align:center使内容居中；此时子元素div不会继承父元素的宽度；内容移出的情况自己额外处理就好，此处未处理；示例

Answer 2

min-width 是“最小宽度”的意思，所以父元素更宽的话，作为一个块元素，必然要跟父元素同宽。居中布局的方案很多，不知道你的具体需要，暂时先用这个吧：.centered {  width: 200px;  margin: 0 auto;}

Answer 3

div{display:table;}div宽度随内容变化