实现 - 文本重叠div

Question

https://jsfiddle.net/cpfm27q3/

专栏＆＃39;最新新闻＆＃39;如jsfiddle中所见，文本彼此重叠。

我想让文字跳到新的一行。

         <div class="col s12 l3">
          <div class="col s3 l12">
            <h6 class="red-text">Latest News</h6>
            <ul class="latest-collection">
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
            </ul>
          </div>
          <div class="col s3 l12">
            <h6 class="red-text">Latest News</h6>
            <ul class="latest-collection">
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
            </ul>
          </div>
          <div class="col s3 l12">
            <h6 class="red-text">Latest News</h6>
            <ul class="latest-collection">
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
            </ul>
          </div>
        </div>

Answer 1

文本不是可换行的文本，所以你可能需要在你的类latest-collection-item中添加overflow：hidden或word-wrap：break-word