css - 如何居中图像和左右浮动文本？

Question

我想将图像居中，然后将文本(或按钮) float 到左侧和右侧，如下图所示:

我知道您不能 float: center; 并且通过快速网络搜索，每个推荐的解决方案都有点乱七八糟。那么我该如何为这种特定情况设置 css 呢？我正在使用 Twitter Bootstrap 来获得任何有值(value)的东西(在这种情况下可能没有)。

Answer 1

您可以float: left 所有具有百分比宽度的 3 列。像这样:

#col1, #col2, #col3 {
     float: left;
} 

#col1, #col3 {
    width: 25%;
}

#col2 {
    width: 50%;
    text-align: center;
}

此外，如果您使用的是 Twitter Bootstrap，您可能需要使用 Fluid Grid System有 3 列。