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

Answer 4

min-width 这个属性并不是 设置宽度用的。
在文档流默认规则下：块级元素会撑满文档流一行中的最大宽度，并默认继承父级的宽度，而内联元素宽度是其子元素所的宽度（请不要用块级元素填充内联元素）。
那么可以通过改变块级元素的属性比如明确指定width 或 让其脱离文档流（比如float）来改变块级元素的宽度