用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宽度随内容变化