墨联软件
15552251270

组件容器栅格:打造高效有序界面

 二维码
发表时间:2023-10-27 16:31作者:kathy

在制作页面时,通常会想要用一个容器先做标准框架给所有元素划分固定区域,设置他们所占空间的位置和宽度排版,通过css能够对其整体进行设置调节,通过响应式布局也可实现多终端适配,那我们可以选择栅格这个容器,满足我们以上需求。

栅格布局主要是通过标准的24分栏,可以简单快捷地创建表单布局,轻松实现单列、两列、三列、四列排版等各种布局:

栅格分栏之间可以设置间隔,嵌套栅格可根据整体栅格布局宽度自适应。 栅格布局可以嵌入字段组件或其他容器和组件。

通过开启栅格容器中栅格列的“响应式布局”属性,可以实现多终端(PC终端   Pad终端   H5终端)适配:


联系我们: 15552251270
联系QQ:414250329 手机号码:15552251270 联系邮箱:414250329@qq.com