关于科室介绍部分<div class="center">这个盒子

关于科室介绍部分<div class="center">这个盒子

http://img1.sycdn.imooc.com//climg/609a38d1099aefe412430634.jpg

看了其他类似的问题,老师说是为了方便以后利用css设置居中等样式,那么如果是这样的话,动态通知,专家介绍等为什么没有加上这种center性质的盒子

http://img1.sycdn.imooc.com//climg/609a394509c4717014221050.jpg

http://img1.sycdn.imooc.com//climg/609a395f0912610f16180880.jpg

http://img1.sycdn.imooc.com//climg/609a397c093a31ef16020957.jpg

http://img1.sycdn.imooc.com//climg/609a398f098a375015860889.jpg

这些区域不也是需要设置样式比如设置居中的吗?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,​这两种方式使用的都比较多,可以根据需求选择其中一种,如下:

a)如果内容有贯穿整个页面的背景色,比如科室介绍:

http://img1.sycdn.imooc.com//climg/609a4a6209fbfbb919200594.jpg

此时要使用方式1,将背景色设置在最外层父元素dep-info上,内容包裹在center中并居中显示,这样可以很方便的实现需求。

b)如果没有贯穿全屏的背景色,比如“医院动态”(.news-and-notice),那么使用方式1、方式2都能实现效果,此时根据个人喜好选择即可。

祝学习愉快!

  • cloudonthesun 提问者 #1

    ​我明白了,谢谢老师呐

    2021-05-11 19:33:23
好帮手慕久久 2021-05-11 16:28:24

同学你好,解答如下:

1、“医院动态”、“专家介绍”区域也需要设置居中样式。

2、代码的实现方式并不唯一,并不是说要实现居中,就只能通过添加“center性质的盒子”来实现,可以直接设置最外层的盒子居中,即可以采取如下两种方式来实现:

http://img1.sycdn.imooc.com//climg/609a4008097bb44007860411.jpg

老师为了演示这两种方式,就给dep-info加了center盒子,而另几个则没有加。

祝学习愉快!

  • 提问者 cloudonthesun #1

    我明白了老师,那这两种方式哪个用的比较多呢,还是说根据个人喜好灵活选择即可

    2021-05-11 17:05:12
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师