![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
CSS
昆仑码客
But man is not made for defeat.
A man can be destroyed but not defeated.
展开
-
利用CSS3 text-overflow换行
.text-overflow{ overflow: hidden; word-wrap:break-word; white-space:pre-wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 上图为效果,数字原创 2017-04-03 16:30:24 · 3704 阅读 · 0 评论 -
html图片上下左右居中
实现效果如图: 原图: .img-box{ width: 100%; height: 100%; overflow: hidden; position: relative; background-position: 50% 50%; background-repeat: no-repeat; } 横向: 纵向:原创 2017-04-04 13:24:10 · 3360 阅读 · 0 评论