①flex-direction属性决定主轴的方向（即项目的排列方向）。row（默认值）：主轴为水平方向，起点在左端；row-reverse：主轴在水平方向，起点在右端；column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。②flex-wrap属性定义，如果一条轴线排不下，如何换行。nowrap（默认）：不换行。当容器宽度不够时，每个项目会被挤...
①给父容器添加display:flex/inline-flex;属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流的显示方式；②容器添加弹性布局后，仅仅是容器内容采用弹性布局，而容器自身在文档流中的定位方式依然遵循常规文档流；③display:flex;容器添加弹性布局后，显示为块级元素；display:inline-flex;容器添加弹性布局后，显示为行级元素；④设为Fle...
弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。>>>了解两个基本概念，接下来会频繁提到：①容器：需要添加弹性布局的父元素；②项目：弹性布局容器中的每一个子元素，称为项目；>>>了解两个基本方向，这个牵扯到弹性布局的使用：①主轴：在弹性布局中，我们会通...
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title></head><style>.all{width:500px;height:500px;margin:0auto;background-color:#000;}.one{height:100px;background-color:#89E1BF...
HTML中的<div>元素是块级元素，它是可用于组合其他HTML元素的容器；<div>标签定义HTML文档中的一个分隔区块或者一个区域部分；<div>元素经常与CSS一起使用，用来布局网页；
内联元素在显示时通常不会以新行开始；如：<b>，<td>，<a>，<img>，<span>等标签；
大多数HTML元素被定义为块级元素或内联元素；元素在浏览器显示时，通常会以新行来开始和结束；如：<h1>，<p>，<ul>，<table>，<div>等标签；
数据网格的工具栏不仅可以包含按钮，还能包含任何其他组件。用户可以通过已存在的div标签轻松定义工具栏布局，该div标签将成为数据网格工具栏的内容。本教程将向您展示如何为数据网格组件创建复杂的工具栏。创建工具栏创建数据网格ItemIDProductIDListPriceUnitCostAddressStatus正如您看到的那样，数据网格的工具栏类似于对话框。我们无需编写任何的JavaScri...
前言在日常的软件开发中，程序员往往需要花费大量的时间写CRUD，不仅枯燥效率低，而且每个人的代码风格不统一。MyBatis-Plus代码生成器，通过AutoGenerator可以快速生成Entity、Mapper、MapperXML、Service、Controller等各个模块及前端页面的代码，极大的提升了开发效率。项目介绍本项目将以springboot用演示，前端使用freemak...
这是只用了一个div来做的小动画，纯粹利用CSS3的animation来完成，就像是一个正方形在地上弹跳，碰到地面的时候尖角还会压缩变圆，阴影的部分也会随着正方形升高而缩小，至于到底该怎么完成呢？让我们继续看下去。利用伪元素由于只使用了一个div，要同时达到正方形旋转与阴影缩放的效果，这里必须使用两个伪元素（before与after）来完成，严格来说，虽然只有一个div，但是却是把这个div当作外...