Question

所以我创建了一个网站，页脚很好，除了它变得越来越小，屏幕底部的书写不对齐中心。现在我试过显示：inline-block;和text-align：center;这些都不起作用。

我感激的任何帮助：）

＆＃13;

@media screen and (max-width: 767px) {
    footer p{
        display: inline;
    }
}

footer {
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #2c3e50;
}

footer .container {
    font-size: 18px;
}

footer .container p{
    margin-top: 10px;
}

footer .container a{
    color: #8F8;
}

＆＃13;

<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <p class="pull-left copyright text-muted">&copy; 2015 AAA Oven Cleaning</p>
                <p class="pull-right text-muted">Created By 
                                <a href="#">Crafted-Website</a>
                </p>
            </div>
        </div>
    </div>
</footer>

＆＃13;

图片链接（这就是发生的事情）：http://gyazo.com/419bc4a2bfda59139de9ef3440f74e18

我现在已经解决了这个问题，我所要做的只是

@media screen and (max-width: 767px) {
    footer div {
        display: inline-block!important;
    }
}

Answer 1

如果您尝试将文本居中，请使用：

Tag::has('posts')->get()

Answer 2

父元素必须有text-align：center

例如，在移动设备的媒体查询中，请输入以下内容：页脚{ text-align：center; }

文本 - 对齐中心在页脚中不起作用

2 个答案: