代码:关于表格样式的CSS

.nodeConfig{

  table {
    margin-top: 10px;
    width: 100%;
    // width: 98%;
    // margin-left: 2%;


    td{
      font-size: 1.3rem;
      color: white;
      border-right: 0px solid white;
      text-align: center;
      width: 6%;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      &:nth-child(8) {
        width: 11.5%;
      }
    }
  }

  table {
    border-collapse: collapse;
    display: block;
    overflow: auto;
    max-height: 65%;

    thead {
      color: white;
      height: 10%;
    }
    
    tr {
      height: 9%;
      width: 100%;

      &:last-child {
        border-bottom:  0px solid rgb(14, 9, 0);
      }
    }

    th,
    td {
      text-align: center;
      width: 500px;
      font-size: 1.3rem;
    }

    th {
      color: #4bb2b0;
      background-color: rgb(7, 73, 72);
      border-left:  0px solid white;
      border-right:  0px solid white;
    }

    td {
      color: white;
      border-right: 0px solid white;

      &:nth-child(8) {
        width: 11.5%;
      }
    }
  }
}

  

 

posted @ 2022-02-15 16:06  算法阿杰  阅读(51)  评论(0)    收藏  举报