单行/多行文本换行打点省略、清除浮动、文字代替图片

单行文本换行打点省略

{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

多行文本换行打点省略

下面表示在第3行文本处打点省略，如果不设置heigth为auto，则需要对第4行要控制容器高度使他不显示，其中-webik-表示对Safari,、Opera 和 Chrome浏览器的支持，对Firefox浏览器的支持需使用-moz-，IE浏览器为-ms-（但对该属性不支持）。

{
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

清除浮动

::after{
			content: '';
			display: block;
			clear: both;
		}

文字代替图片

方法1

{
		text-indent: 9999px;
		white-space: nowrap;
		overflow: hidden;
}

方法2

{
		height: 0px;
		padding-top: 97px;
		overflow: hidden;
}