1.文本溢出显示省略标记
text-overflow:ellipsis; /*设置超出部分显示...*/
overflow:hidden;
white-space:nowrap;/*文本不换行*/
width:150px;
2.中心带文字的空心圆
.circle {
position: absolute;
width: 20px;
height: 20px;
background-color: transparent;
border: 1px solid #fff;
border-radius: 10px;
}
.circle span {
height: 20px;
line-height: 20px;
display: block;
font-size: 12px;
color: #000;
text-align: center;
}
