老师为什么这里要用col-6呢 其他不行嘛 还有它为什么是flex 0 0 50%

来源:4-6 商品展示、返回顶部、帮助、底部footer区

qq_慕瓜7049344

2020-08-29 23:22:30

 <div class="row">

                <div class="col-6 col-md">

                    <h3 class="helper-list-title">网站地图</h3>

                    <ul class="helper-list">

                        <li><a href="###">关于三星</a></li>

                        <li><a href="###">投资者关系</a></li>

                        <li><a href="###">新闻中心</a></li>

                        <li><a href="###">人才招聘</a></li>

                        <li><a href="###">三星开发者网站</a></li>

                    </ul>


写回答

1回答

好帮手慕慕子

2020-08-30

同学你好,对于你的问题解答如下:

  1. 因为老师想要在超小屏下一行两列显示,所以设置col-6类名,同学要是想实现其他布局,可以设置其他的值,示例,一行三列布局,那么就可以设置col-4类名。

  2. 因为要实现一行两列的布局,每一列的宽度为50%; 所以设置flex: 0 0 50%; 此时的50%对应的就是flex-basis属性值,如下所示,也就意味着设置元素的宽度为50%;

    http://img.mukewang.com/climg/5f4b1378098b350b02780148.jpg

祝学习愉快~

0

0 学习 · 6815 问题

查看课程