文本过长自动省略样式

  .table-context td { width:200px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

 <table class="table-context">

 

<div style="text-overflow:ellipsis;width:200px;white-space:nowrap;overflow:hidden; " title="xxxxxxxxxxxxxxxxxxxxxxx">xxxxxxxxxxxxxxxxxxxxxxx</div>