span超出盒子宽度

342 阅读1分钟

主要利用到word-break:break-all;将文字打散

.goods-name {
          font-size: 14px;
          line-height: 25px;
          display: -webkit-box; //将对象作为弹性伸缩盒子模型显示。
          -webkit-box-orient: vertical; //从上到下垂直排列子元素
          -webkit-line-clamp: 3; //显示两行
          text-overflow: ellipsis; //超出文本省略
          overflow: hidden; //超出部分隐藏
          text-align: left; //文本左对齐
          margin: 8px 20px 8px auto;
          span {
            word-break: break-all;
            white-space: normal;
          }
        }