移动端导航布局(基础属性解决大问题)

2019-08-12
阅读 5 分钟
3.3k
写在最前:移动端中导航的网格式布局无处无在,宽高怎么设置相适应?元素怎么居中对齐?不同场景怎么选择代码最高效?巧妙使用margin、padding等基础属性,小小技巧可以解决许多烦恼!

flex布局遇到white-space:nowrap怎么超出一行显示省略号

2019-08-08
阅读 3 分钟
14.8k
①原理:flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。后两个属性可选,该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)。

前端必懂之Sticky Footer(粘性页脚)

2019-04-23
阅读 4 分钟
6.6k
写在最前:Sticky Footer是css的一种布局场景。页脚footer永远固定在页面的底部,页面内容不够长的时候页脚黏在视窗底部,内容足够长时会被向下移动。老式门户网站由于内容过短常常版权页脚前移,移动端特定布局也需要Sticky Footer来解决这些问题。

前端必懂之熟悉又陌生的BFC

2019-04-02
阅读 5 分钟
3.5k
写在最前:BFC看起来是个很陌生的概念但它却时时发生在我们工作中,如何清除浮动影响?如何避免margin穿透问题?如何编写两栏自适应布局?都和BFC有这密不可分的关系,下面走进切图妞的世界,分分钟搞定BFC!