CSS布局与背景贴合小技巧

2020-01-08  本文已影响0人  你好赵大宝

很多时候仅仅使用CSS无法做到美工设计的效果,为了能较大还原类似光晕等边框布局,我们一般采用背景图框定页面布局,在框内再进行许多组件或控件的布置。
比如背景图:


背景图

此时为了让组件正好的放入框内,也是为了方便进行小组件之间的调整,避免过多地使用margin或padding等属性,这里有一个小技巧:
设置一个大画布,让其恰好的贴合框框的四周,再在里面使用el-row和el-col等,使用margin设置成和边框边界等宽的大小,此时就相当于画布和背景图的边框是等大的了。

上一篇 下一篇

猜你喜欢

热点阅读