css超出显示...

超出一行显示…

	 <style>
      .content {
        width: 50px;
      }
      .text {
        width: 50px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
      }
    </style>
	 <div class="content">
      <div class="text">这个很大，这个很大，这个很大</div>
    </div>

超出多行显示…

	<style>
	 .content {
        width: 50px;
      }
     .text {
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 2;  // 改成你的行数
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break:break-all; // 英文要加这个
      }	
	</style>

	<div class="content">
      <div class="text">这个很大，这个很大，这个很大</div>
    </div>