首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >文本-以分区为中心,而不是以文本为中心?(Twitter启动3)

文本-以分区为中心,而不是以文本为中心?(Twitter启动3)
EN

Stack Overflow用户
提问于 2021-12-05 03:17:50
回答 1查看 37关注 0票数 0

我目前正在编写John's Hopkins HTML/CSS和Javascript课程,内容是使用Bootstrap 3.6编写大卫·楚国的中国小酒馆的课程(我知道已经过时了)。我遇到了一个问题,版权线在第三列(我的网站)下结束,而不是在页脚(官方网站截图)底部居中。下面是该页脚部分的代码:

代码语言:javascript
复制
<footer class="panel-footer">
    <div class="container">
        <div class="row">
            <section id="hours" class="col-sm-4">
                <span>Hours:</span><br>
                Sun-Thurs: 11:15am-10:00pm<br>
                Fri: 11:15am - 2:30pm<br>
                Saturday collapsed<hr class="visible-xs">
            </section>
            <section id="address" class="col-sm-4">
                <span>Address:</span><br>
                7105 Resterstown Road<br>
                Baltimore, MD 21215
                <p>* Delivery area within 3-4 miles, with minimum order of 
                    $20 plus $3 charge for all deliveries.</p>
                <hr class="visible-xs">
            </section>
            <section id="testimonials" class="col-sm-4">
                <p>"The best Chinese restaurant I've been to! And that's saying
                    a lot, since I've been to many!"</p>
                <p>"Amazing food! Great service! Couldn't ask for more! I'll be
                    back again and again!"</p>
            </section>
            <div class="text-center">&copy; Copyright David Chu's China Bistro 2016</div>
        </div>
        
    </div>
</footer>

现在我知道它不是居中的,因为带有版权符号的div不应该在带有class="row"div中,但是无论如何,我不明白为什么div在第三列下面。所有的部分按照引导应该被浮动,这意味着它们被从正常的文档流中提取出来。然而,版权声明不会被浮动,所以不应该占用整个宽度并在页面中间居中吗?对不起,我是HTML/CSS的初学者!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-05 03:32:13

解决办法就是把它移到外面的一个层次,我认为它会解决的。

代码语言:javascript
复制
<footer class="panel-footer">
    <div class="container">
        <div class="row">
            <section id="hours" class="col-sm-4">
                <span>Hours:</span><br>
                Sun-Thurs: 11:15am-10:00pm<br>
                Fri: 11:15am - 2:30pm<br>
                Saturday collapsed<hr class="visible-xs">
            </section>
            <section id="address" class="col-sm-4">
                <span>Address:</span><br>
                7105 Resterstown Road<br>
                Baltimore, MD 21215
                <p>* Delivery area within 3-4 miles, with minimum order of 
                    $20 plus $3 charge for all deliveries.</p>
                <hr class="visible-xs">
            </section>
            <section id="testimonials" class="col-sm-4">
                <p>"The best Chinese restaurant I've been to! And that's saying
                    a lot, since I've been to many!"</p>
                <p>"Amazing food! Great service! Couldn't ask for more! I'll be
                    back again and again!"</p>
            </section>
            
        </div>
        <div class="text-center">&copy; Copyright David Chu's China Bistro 2016</div>
    </div>
</footer>

如果问题仍然存在,请尝试将p标记用于版权而不是div

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70231240

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档