如何仅垂直包装div

Question

正如标题所说，我想在图像周围垂直包裹一个div，但我希望宽度保持流动和可变：

|_________________|
|     |XXXXXX|    |
|     |XXXXXX|    |
|     |XXXXXX|    |
|     |XXXXXX|    |
|     |XXXXXX|    |
|     |XXXXXX|    |
|-----------------|

其中，框是容器，内容是字符块。底部和顶部应该与内容块相接，我希望内容居中（边距：0 auto；）。

Answer 1

这就是您想要的？演示

试着调整小提琴中输出部分的大小，你会看到内容总是在中心。

这是CSS：

.container {
    height: 300px;
    text-align: center;
    background: #CCC;
}
.inner {
    height: 100%;
    width: 300px;
    display: inline-block;
    border: 1px solid black;
}