css 知识点记录

1.多行文本截断

    width: 100px;    word-break: break-all;    text-overflow: ellipsis;    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/    -webkit-line-clamp: 1; /** 显示的行数 **/    overflow: hidden;  /** 隐藏超出的内容 **/

2.清楚浮动

    display: table;    content: " ";    clear: both;