1.先是解决块级元素内部行内或者行内块级元素的垂直居中问题
采用flex进行修正
使用grid
效果一样
2.接下去我要先看下flex 的简介,为啥不用flex 之前,因为不熟悉,其次就是flex 和inline-block的转换有点差距.
https://web.dev/one-line-layouts/Ten modern layouts in one line of CSS
3.背景适合长宽
当你已经父级升级过,自己就会自己延生,而不需要你再去重新计算.
4.自适应填充高度
我这样写,在ul中固定设置了宽度,那么就很明白的会按照这个值去
但是我什么都不写就用百分比去设置,设置到最孙子的
我想他们自动铺开
然后按照文字数量扩展开父亲的底盘
但是
如果第一个最小,他会以第一个的大小作为宽度
基本上,会找最小的.不管他在哪里
5.将ul水平居中
只需要text-align
就可以将行内元素进行集中的,而且是全部的.
6.疑问 媒体查询 max-width 宽度问题