组件容器栅格:打造高效有序界面 二维码
发表时间:2023-10-27 16:31 在制作页面时,通常会想要用一个容器先做标准框架给所有元素划分固定区域,设置他们所占空间的位置和宽度排版,通过css能够对其整体进行设置调节,通过响应式布局也可实现多终端适配,那我们可以选择栅格这个容器,满足我们以上需求。 栅格布局主要是通过标准的24分栏,可以简单快捷地创建表单布局,轻松实现单列、两列、三列、四列排版等各种布局:
栅格分栏之间可以设置间隔,嵌套栅格可根据整体栅格布局宽度自适应。 栅格布局可以嵌入字段组件或其他容器和组件。 通过开启栅格容器中栅格列的“响应式布局”属性,可以实现多终端(PC终端 Pad终端 H5终端)适配:
文章分类:
新手友好的组件容器指南
|