Css样式记录

1. 超过两行的数据，就让展示...如下：

 

 关键代码如下：

  display:-webkit-box;
  /* text-overflow:ellipsis; */
  overflow:hidden;
  /* width:100px; */
  -webkit-box-orient:vertical;
  -webkit-line-clamp: 2;  

2. 让div中的两个元素上下分开展示。效果如下：

 

 相关代码如下：

  /* 设置弹性盒子 */
  display: flex;
  /* 设置纵向 */
  flex-direction: column;
  /* 设置纵向 */
  justify-content: space-around;

谢谢学习！！！