CSS 日常摘记

CSS字体过长显示省略号

  • 单行
div{
   overflow:hidden; //隐藏文字
   text-overflow:ellipsis; //显示 ...
   white-space:nowrap; //不换行
   width:100px;
}
  • 如果想在第二行或者其他行显示省略号,而非第一行,则:
div{
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; //在第几行显示...
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width:100px;
}

CSS左右布局

csdn (opens new window)