老师为什么这里要用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
同学你好,对于你的问题解答如下:
因为老师想要在超小屏下一行两列显示,所以设置col-6类名,同学要是想实现其他布局,可以设置其他的值,示例,一行三列布局,那么就可以设置col-4类名。
因为要实现一行两列的布局,每一列的宽度为50%; 所以设置flex: 0 0 50%; 此时的50%对应的就是flex-basis属性值,如下所示,也就意味着设置元素的宽度为50%;
祝学习愉快~
相似问题