css最小宽度问题

我试图将

div

置于

minwidth

的

312px

的中心，并使其根据其动态内容进行扩展，同时保持居中。 现在带的

min根本不起作用，因为它需要一个浮动。我不能使用浮点，因为我需要以页面为中心的div

换句话说，
div
以宽度为
312px
的margin auto开始，并在居中时随添加的内容扩展。这可能吗

任何帮助都将不胜感激。
如果您希望宽度保持流畅，最好设置
display:inline block在待居中元素上，和
文本对齐：居中到父元素

请参阅：

下面是一个父对象跟随子对象宽度的工作示例，子对象将根据其中给出的文本展开

.mainCoverWrapper {
    position: relative; 
    min-width:312px; 
    background:red
}

这使得父div跟随子div的宽度

然而，这将不允许您“居中”它。你不可能两者兼得。这是因为在不知道元素宽度的情况下，无法将图像居中

解决方案是使用jQuery，在必要时添加CSS

举个例子。虽然有一些bug，但您已经大致了解了。
无法理解您的问题。因此，div以312px开始。然后当你在div中添加内容时，div的宽度会相应地扩大？@何慧，是的，对。如果你是这么问的，CSS是不可能的。你需要javascripts/jquery。@He Hui，我看到了。Javascript也可以，但我也不知道怎么做。谢谢你的帮助。我添加了一个使用CSS和jqueryyes的答案，虽然可以，但是Firefox似乎没有正确地呈现内联块。div没有扩展。谢谢。另外，如果您想将文本居中对齐，请将文本algin设置为
test
div。太好了，我会尝试一下。再次感谢您的帮助。它起作用了，但javascript不是必需的。下面的答案也很好。谢谢你的快速回答。
.myCoverWrapper {
    border: 1px solid Peru;
    margin:auto;
    min-width: 200px;
    max-width: 100%;
    display: inline-block;
    background: red;
}

.test {
    height: 100px;
    margin: 10px;
    background: cyan;
}