html - 如何只垂直包裹一个div？

Question

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

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

其中框是容器，内容是字符 block 。底部和顶部应与内容 block 相遇，我希望内容居中(边距:0 auto;)。

Answer 1

这就是你想要的？ DEMO

尝试调整 fiddle 中输出部分的大小，您会发现内容始终位于中心。

这是 CSS:

.container {
    height: 300px;
    text-align: center;
    background: #CCC;
}

.inner {
    height: 100%;
    width: 300px;
    display: inline-block;
    border: 1px solid black;
}