EarlEcho

经常遇到一个问题，当需要让一张图片和文字在同一水平线上显示市，图片总是会比文字高出一截，可以说非常不好看了。 解决方法： HTML代码如下<img src="../static/image/ok.png" /><p class="tip1">密码修改成功，请重新登陆！</p>CSS代码如下p{ display: inline-block; vertical-align: mid

单行文本溢出显示省略号：（需要先限定盒子的width）overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本溢出显示省略号：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;因使用了WebK

HTML代码如下：<div class="join-us-right"> <ul> <li class="index-item"> <div class="title"> <p class="job-name">手风琴列表1</p> <p class="job-date">2017.8.1

HTML代码<div class="carousel-figure clearfix"> <div class="carsoul-box clearfix"> <a class="ig" href="#"><img src="image/carsoul1.png"/></a> <a class="ig" href="#"><img src="image/6.p

今天在写移动端网页的时候，由于PC和移动端的分辨率不同，所以精灵图需要缩小可以用两个方法解决：transform:scale( x )： 语法为：transform: scale(x，y). 同时有scaleX, scaleY专门的x, y方向的控制。 例如：transform: scale(0.5) 缩小为原来的一半 和zoom不同，scale并不支持百分比值和normal关键字，只能