vertical-align 设置元素的垂直对齐方式

若有多行文本 仅显示两行
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;

background-position 背景图片位置调节

display:inline-block; 即设置了inline-block属性的元素既拥有了block元素可以设置width和height的特性,又保持了inline元素不换行的特性。
“:first-child” css第一个元素设置格式
“:last-child”css最后一个元素设置格式

":nth-child(even){n} //li的偶数行样式
":nth-child(odd){ n+1} //li的奇数行样式

posted on 2021-10-27 17:15  无敌拖油瓶  阅读(22)  评论(0编辑  收藏  举报