Question

当我将窗口调整为小视图时，我想删除我的fancybox缩略图中出现的填充。在桌面视图中，它们如下所示：http://i.imgur.com/wcw0FN1.png

当我调整视口大小时，缩略图会占用所有12列，但会为每一侧添加大量填充。以下是供参考的图片：http://i.imgur.com/2HePovc.png

我希望缩略图占据所有12列，但摆脱填充，同时将缩略图保持在页面的中心位置以及下面的文字。

这是我的每个缩略图的HTML代码及相关文字：

<div class="col-sm-6  top__767 center__767">
                            <div class="row">
                                <div class="col-sm-12  col-md-6">
                                    <a class="thumbnail fancybox" rel="" href="images/sommerhuse/2.jpg">
                                        <img class="img_wr" alt="" src="images/sommerhuse/2.jpg" />
                                    </a>
                                </div>
                                <div class="col-sm-12  col-md-6">
                                    <h5><strong>Hvide Sande</strong></h5>

                                    <p class="static-height">Minim elit et pariatur aliqua veniam qui fugiat duis ad nostrud occaecat et minim. Do
                                        culpa aliqua do sit mollit ea. Enim laboris laborum qui exercitation irure pariatur
                                        non eiusmod.</p>
                                    <a class="subpage_btn btn_top_offset" href="#">Tryk for at se Mere</a>
                                </div>
                            </div>
                        </div>

Answer 1

我认为问题是，a-tag的宽度为100％，边界为1 px。你可以给一个标签一个max-width和dislpay：inline-block，然后给父div一个text-align：center;

fancybox缩略图的响应填充

1 个答案: