用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:0auto;
}