4

我有一个流畅的行，其中有一个项目（非文本），我想将它水平居中对齐

文本

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12" style="text-align: center">
            <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" />
        </div>
    </div>
</div>

这很好用

但是一旦我添加了最大宽度和最大高度，对齐就不再起作用了。

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12"  style="text-align: center;max-height: 300px; max-width: 400px" >
            <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" />

    </div>
</div>

我究竟做错了什么 ？如何设置最大宽度和高度并居中对齐？

4

2 回答 2

2

要遵循引导规则，请尝试以offset类为中心

<div class="row-fluid">
    <div class="span4 offset4">
        <img src="yourimage" />
    </div>
</div>

见文档

于 2012-12-20T14:31:43.273 回答
0

在 Bootstrap 的一个类上应用max-height和将覆盖网格样式。我建议在图像上添加高度/宽度（如果文本对齐不起作用，您可以在图像上尝试。max-widthspan#margin: 0 auto

于 2012-12-20T13:58:27.567 回答