CSSgrid布局CSS grid布局是一种很强大的布局,兼容性如上表所示,表现在控制台里,你可以清楚看到他的内部每一个块都由一个虚线方块组成。他的每行每列都会生产一个单元格,而划分他们之间的线称为网格线。我这次就主要讲述其中两个属性。内容1.grid-template-columns(rows), 他可以的定义网格列或者行的维度大小,在属性数值上,除了比较 …
css flex属性
CSS的position属性用于指定元素在文档流中的定位方式,position属性和top、bottom、left、right属性一起决定元素的最终位置。position属性拥有static、relative、absolute、fixed、sticky五个可选项,下面动画展示了一个吸顶导航菜单的样式,当向上滚动页面时导航菜单始终黏在顶部位置,使用sticky …
一、简介MyBatis-Flex 是一个优雅的 MyBatis 增强框架,它非常轻量、同时拥有极高的性能与灵活性。我们可以轻松的使用 Mybaits-Flex 链接任何数据库,其内置的 QueryWrapper帮助我们极大的减少了 SQL 编写的工作的同时,减少出错的可能性。总而言之,MyBatis-Flex 能够极大地提高我们的开发效率和开发体验,让我们有 …
Flex 布局基础1. Flex 容器设置Item 1Item 2Item 3行布局列布局允许换行禁止换行2. 主轴对齐左对齐居中对齐右对齐两端对齐环绕对齐均匀对齐3. 交叉轴对齐顶部对齐居中对齐底部对齐拉伸对齐基线对齐Flex 实战案例1. 导航栏布局首页产品服务关于登录2. 卡片网格布局卡片标题卡片描述内容Grid 布局基础1. Grid 容器设置Ite …
- 1