CSS-如何修剪文本输出？

overflow

hidden

scroll

<div class=\"text\">this is some text that would be very long...</div>

//Hidden
.text
{
    overflow: hidden;
    width: 50px;
    height: 50px
}
//Scroll    
.text
{
    overflow: scroll;
    width: 50px;
    height: 50px
}

<div id=\"smallBoxWithLotsOfText\">There is way more text in here than what
    I have typed.  I mean, this text is long.  There is lots of it.  
    You can\'t even imagine how long this text is gonna get.  No joking.  
    It\'s long; it\'s very, very long.  It keeps going, and going, and going. 
    It\'s the Energizer Bunny of text.  Like, seriously dude.  It\'s crazy.  
    Absolutely crazy.
</div>

#smallBoxWithLotsOfText {
    width: 100%;
    height: 100px;
    overflow: auto;
}

scroll

overflow

overflow: hidden

overflow:Scroll

overflow: hidden

overflow: auto

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}