css的使用属于多个成分组合起作用,所以会有很多常用的组合,我总结自己遇到的一些组合。
1.使用了position:absolute`
就会结合
top
bottom
left
right
等来进行定位
2.使用display:flex进行上下布局
就会结合:
纵向对齐
flex-direction:column
纵向对齐方式
align-items:
3.块级元素设置宽高:
如果定义元素为
block或者inline-block
就会去设置元素宽高;
height
width
4.块内元素中的行内元素垂直定位
在使用
inline-block
后,结合
vertical-align
对行内元素垂直方向调整位置。
使用
text-align
设置块状元素内文本对齐方式
5.背景图片的大小
使用
background-image:
会结合
background-size:cover
来设置大小。
6.div中有文字需要调整,比如标题栏
控制水平居中
text-align:center
控制垂直居中
line-height设置为和height大小一样
使用border-bottom:1px solid black来画出一条底边分界线
7 同一行数字太多使用…来替换
.one-line{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}