line-height: div里面文字内容保证垂直居中
text-align: 文字水平居中

代表上下88rpx,左右的auto则会让次div居中

flex-grow属性:
结果:

align-self属性
为容器内部的子项目单独设置属性
flex-start、flex-center、flex-end、flex-stretch
注意:设置拉伸属性的时候不能设置子项目的拉伸方向的长度

css,一些经常忘掉的简单布局 笔记相关推荐

  1. HTML、CSS、表格表单简单代码笔记

    学习更多建议菜鸟教程 Target使用 <!DOCTYPE html> <html lang="en"> <head><meta char ...

  2. 网站开发之DIV+CSS简单布局网站入门篇(五)

    这篇文章主要介绍如何使用DIV和CSS简单布局一个网站的首页,通常将网站划分为顶部(Logo.导航条).中部(页面主要内容.左右栏目).底部(制作方介绍.超链接).这是非常基础的一篇引入性文章,采用案 ...

  3. 前端学习——css盒子模型简单布局

    <html><head><title>盒子模型简单布局</title><meta charset="UTF-8"/>&l ...

  4. CSS开发-简单布局模板

    实现图如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...

  5. 3.2.1 配置构建Angular应用——简单的笔记存储应用——展示功能

    本节我们会通过构建一个简单的笔记存储应用(可以载入并修改一组简单的笔记)来学习如何应用Angular的特性.这个应用用到的特性有: 在JSON文件中存储笔记 展示.创建.修改和删除笔记 在笔记中使用M ...

  6. [css] 使用flex实现三栏布局,两边固定,中间自适应

    [css] 使用flex实现三栏布局,两边固定,中间自适应 同意里面的一个回答,现在有很多简单的实现方式,传统的这个也是一种hack的方式,真的没必要去追究了,但是核心知识点可以掌握.1.把 cent ...

  7. CSS之创建等高列布局之一

    高度相等列在Web页面设计中永远是一个网页设计师的需求.如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了.但是,如果一个或多个列需要单独设置 ...

  8. flex弹性布局笔记

    学习自菜鸟教程的flex布局笔记 布局的传统解决方案,基于盒装模型,依赖 display 属性 + position 属性 + float 属性.它对于那些特殊布局非常不方便,比如,垂直居中就不容易实 ...

  9. 安卓开发——安卓界面布局笔记

    Android布局笔记 Android的界面是有布局和组件协同完成的,布局使用不同的组件,组件按照布局的要求依次排列,就组成了用户所看见的界面. 所有的布局方式都可以归类为ViewGroup的5个类别 ...

最新文章

  1. JS如何设置打开页面后将光标定位在指定的输入框?
  2. .net 访问 geoserver 发布的 wms   跨域问题解决方案
  3. import javax.servlet 出错(真的很管用)
  4. 索引---B+Tree
  5. python语言程序设计赵璐课后答案_Python语言程序设计
  6. 支持向量机(SVM)的实现
  7. 1197: [HNOI2006]花仙子的魔法
  8. Spring学习总结(8)——25个经典的Spring面试问答
  9. 计算机网络自考顺序,自考计算机网络课程复习顺序是怎样?有没有好用的计算机网络自考APP?...
  10. 批量关停azure vm_如何从Azure VM数据库运行本地SQL报表
  11. Java学习之Thread之【Monitor】与【wait】与【notify】与【sleep】_加【Callable】【Executor】【ExecutorService】【Future】
  12. 叮咚志汇超级外卖餐饮 6.3.8 + 超级跑腿 v2.0.3 打包下载 小程序模块
  13. html5游戏 糖果派对,搞怪碰碰球手机版糖果四溅游戏吃机高人来献计
  14. 2021爱分析·智慧城市厂商全景报告
  15. 医院信息管理系统有哪些功能?
  16. jvm垃圾回收机制(GC)
  17. (高小德用车)高仿滴滴/快的应用源码
  18. java输出格林威治时间,Java之格林威治时间格式转换成北京时间格式
  19. VMI管理常见的业务场景(一)
  20. CSFCC Choir坐在宝座上圣洁羔羊(戏剧)

热门文章

  1. 斩波运放仿真教程(PSS+PAC)
  2. 常用的图像处理标准图片(Lena、cameraman等)获取
  3. 古堡算式 福尔摩斯到某古堡探险,看到门上写着一个奇怪的算式: ABCDE * ? = EDCBA
  4. response对象
  5. 《软件测试的艺术》第六章 更高级别的测试
  6. VSCode常用快捷键(放大/缩小字体、切换全屏、跳转指定行数、返回上一次位置、隐藏 /显示导航、注释代码)
  7. Vue CLI脚手架新建项目
  8. Linux上node内存溢出,node内存溢出处理
  9. php mysql安装图解_mysql安装图解 mysql图文安装教程(详细说明)_MySQL
  10. QQMusic绿钻兄,你可安好?我需要晴天。