Flexbox弯角
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flexbox弯角相关的知识,希望对你有一定的参考价值。
是否可以让flexbox的内容适应它的边界半径。
例如:
如果我们在对框内的元素重新排序时有一个带border-radius: 10px
的弹性框,则可能使得到的角元素具有相同的边界半径。
例如:右上角的元素将具有border-top-right-radius:10px
答案
您只需要使用border-radius属性将overflow:hidden;
添加到父元素。
以上是关于Flexbox弯角的主要内容,如果未能解决你的问题,请参考以下文章
css 粘性页脚片段(来源:treehouse flexbox课程)