overflow:hidden not working when using tables

前端 未结 4 707
北恋
北恋 2020-12-11 02:12

I’m having issues with long strings of text stretching out my tables and overflow:hidden does not seem to be doing what I exect. Here’s the sample code I am usi

4条回答
  •  不知归路
    2020-12-11 02:43

    Overflow only works on block level elements. Table elements aren't block elements. If you want to get those effects put a

    inside the table cell and apply the effects to the
    .

    td.scroll div {
      background-color: #00FFFF;
      width: 100px;
      height: 100px;
      overflow: scroll;
    }
    
    td.hidden div {
      background-color: #00FF00;
      width: 100px;
      height: 100px;
      overflow: hidden;
    }
    

    with:

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

提交回复
热议问题