网页只显示一部分内容 其他内容用..替代

   #table_ tr {
        font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #E2F5BC;
        border-bottom: 1px solid #E2F5BC;
        border-top: 1px solid #E2F5BC;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: left;
        padding: 6px 6px 6px 12px;
        background:#EDF9D5;
    }
    #table_ tr th{
        height:30px;
        width: 250px;
        text-align: center;
    }
    #table_ td
    {

        word-wrap:break-word;
        word-break:break-all;
        white-space:normal;
        max-width:100px;
        border-right: 1px solid #E2F5BC;
        border-bottom: 1px solid #E2F5BC;
        background: #F8FBFB;
        font-size:16px;
        padding: 6px 6px 6px 12px;
        color: #4f6b72;
        height:30px;
        width: 250px;

        
        
        
      //定义一个宽度加上下面的代码就可以实现显示部分内容。
        width:250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>

重点是下面的那个 那几句是最重要的

  //定义一个宽度加上下面的代码就可以实现显示部分内容。
        width:250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页