常用样式收藏

水平垂直居中

10种水平垂直居中对齐方式（史上最全） - 简书原文网址：http://yanhaijing.com/css/2018/01/17/horizontal-vertical-center/原文作者：@颜海镜，他的博客http...https://www.jianshu.com/p/907f99004c3e

flex布局

        Flex 布局教程：语法篇 - 阮一峰的网络日志https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

超出自动换行

table{
　　table-layout:fixed;
}

td{
    word-break:break-all;
    word-wrap:break-word;
}

超出自动省略

1、单行省略

<p>这是一段特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别长的文字</p>

p{
    width: 250px;/*需要配合宽度来使用*/
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
}

2多行省略

p{　
　　width: 250px;　
　　overflow: hidden;　
　　display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/
　　-webkit-box-orient: vertical;/*设置伸缩盒对象的子元素的排列方式*/ 
　　-webkit-line-clamp: 3;/*限制在一个块元素显示的文本的行数。*/ 
}