msglist.less 767 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /* pages/msg/msglist/msglist.wxss */
  2. .view_top_content {
  3. display: flex;
  4. flex-direction: row;
  5. justify-content: space-between;
  6. .msg_title {
  7. font-size: 28rpx;
  8. color: #333333;
  9. }
  10. .msg_date {
  11. font-size: 22rpx;
  12. color: #999999;
  13. }
  14. }
  15. .content {
  16. width: 100%;
  17. text-align: left;
  18. /// 不允许换行
  19. // white-space: nowrap;
  20. /// 溢出部分隐藏
  21. overflow: hidden;
  22. /// 文本移除后 使用...替换
  23. text-overflow: ellipsis;
  24. -webkit-line-clamp: 2;
  25. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  26. max-height: 50px;
  27. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  28. display: -webkit-box;
  29. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  30. -webkit-box-orient: vertical;
  31. }