line-height和vertical-align
==line-height: == x行高是指文本行基线之间的距离。行高line-height实际上只影响行内元素和其他行内内容,而不会直接影响块级元素,也可以为一个块级元素设置line-height,但这个值只是应用到块级元素的内联内容时才会有影响。在块级元素上声明line-height会为该块级元素的内容设置一个最小行框高度
==vertical-align:==影响一个内联级元素垂直方向上的布局。具体适用于display值为inline,inline-block或table-cell的元素。
CSS绝对定位(absolute)、相对定位(relative)方法(详解)
参考博文:https://blog.csdn.net/csgojingyu/article/details/133957640
要使用CSS选择元素中除最后一个之外的所有子元素,可以使用使用:not和:last-child选择器。
语法:
element:not(:last-child) {
// CSS样式
}
css让文字靠底下对齐
解决:设置其所在div的height,修改当前css属性
display:flex;//弹性盒子布局
align-items:flex-end;//只在 flex 布局中使用,将元素与 flex 容器的主轴末端或交叉轴末端对齐。
块级元素,行内元素,行内块元素及其相互转换
参考博文:https://blog.csdn.net/qq_43498002/article/details/108772364