Question

不确定这是否适合SO，如果不是，我会取消，但我需要帮助做一些我的前端。基本上我有一个div和一个子div来处理我需要的所有数据。那个子div有一个宽度，它可以很好地工作，直到你达到某一点（如果你最小化屏幕宽度，你会看到我在说什么）。我怎样才能让持有物品的div始终居中？此外，我要求的是这种反应。

第2部分）我怎样才能使按钮始终位于中间，但只是向右（因为我打算使用上一个按钮）？

我正在使用twitter bootstrap，如果这有助于此！（我已经尝试过很多东西并且没有取得任何成功，我尝试过使用＆＃39; pull-right＆＃39;以及＆＃39; pull-left＆＃39;类没有优势，我尝试过使用他们提供的跨越课程也没有运气。） Live demo

代码：

<h2 class="text-center">Our Products</h2>
                <form method="post">

                    <div class="container" style="width: 100%;">

                        <button class="btn btn-success" type="submit" name="next"> Next </button>
                        <ul style="list-style-type: none; width: 70%; margin-left: auto; margin-right: auto; float: none; ">
                            @{
                                x = getPageNum * 6;
                            }
                            <div class="container" style="margin-left: auto; margin-right: auto; float: none; ">
                                @for (int i = x; i < @itemsPerPage; i++)
                                {
                                    <li style="display: inline-block;">
                                        <div class="container">

                                            <img src="~/Content/Images_fixed/@(Model[i].link).scale_20.jpg" width=" 190" height="130" />
                                            <p>
                                                @Html.DisplayFor(m => m[i].title)
                                            </p>
                                            <p>
                                                @Html.DisplayFor(m => m[i].price)
                                            </p>
                                        </div>
                                    </li>
                                }
                            </div>


                        </ul>
                    </div>
                </form>

Answer 1

从我看到的是包含元素的Div在中间居中，你的问题是元素本身不在Div的中心。你可以做的是给容器拿着图片和按钮Text-align：center;

.container {
    text-align: center;
}

将图片和按钮居中。然后给按钮稍微移开一点点。

button {
    margin-left: 150px;
}

需要前端帮助

1 个答案: