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
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章