转载请说明原出处，谢谢~~ 我使用duilib快3个月了。总体感觉duilib的使用还是较为简单的，仅仅是刚入门时可能有些摸不清头脑。今天写一篇关于duilib的入门日志，大致说一下duilib中的各个布局的作用，以及非常关键的相对布局与绝对布局的意义与使用方法 ...

前言 QGridLayout：栅格布局，也被称作网格布局（多行多列）。 栅格布局将位于其中的窗口部件放入一个网状的栅格之中。QGridLayout 需要将提供给它的空间划分成的行和列，并把每个窗口部件插入并管理到正确的单元格。 栅格布局是这样工作的： 它计算了位于其中的空间，然后将它们合理 ...

近期因为使用inline-block，在项目部署后出现了一点小问题，几番解决未果，遂使用flex布局，于是借此机会对flex布局的用法做一个简要的汇总。 遇到的bug如下： 本想两个div使用inlin-block，父元素text-align属性值为右对齐，从而实现两个图标右对齐挨在一起 ...

在工作中我们常常需要实现响应式布局，这个可以使用bootstrap的栅格系统来实现，我们在列里也需要实现一部分的响应式。比如下面的效果图，需要实现左边图标固定，右边的自适应 ： 左边固定宽度，右边自适应，这个时候我就想到了两列布局，将左右设置float，左边设置固定宽度 ...

栅格(grid)是一种自适应布局，能根据不同终端自动伸缩容器的宽高。flex根据轴线(axis)布局，看起来像是一维布局；而grid针对网格线(grid line)布局，看起来更像是二维布局。 跟flex一样，grid由栅格容器(grid container)和栅格项目(grid item ...

Affix是BootStrap中的一个很有用的控件，他能够监视浏览器的滚动条的位置并让你的导航始终都在页面的可视区域。一开始的时候，导航在页面中是普通的流式布局，占有文档中固定的位置，当页面滚动的时候，导航就自动变成了固定布局（fixed）,始终处于用户的视区，下面来说说他的用法。首先来看看 ...

使用React简短代码动态生成栅格布局 作为 TerminalMACS 的一个子进程模块 - React Web管理端，使用Ant Design Pro作为框架。 本文应用到的知识 1.样式文件less中方法的使用 2.for循环创建按钮和栅格布局(flex布局 ...

先上效果图下面附上代码 ...