table

 

 

<template>
  <div class="tem">
   
    <div class="tem-content">

       <table id="list" class="">
    <tbody>
        <tr >
        <td class="text_overflowd"  style="width:50%">呜呜呜呜呜呜呜呜无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无</td>
        <td style="width:20%" >呜无无无无无无</td>
        <td style="width:30%" >呜无无无无无无</td>
      </tr>
      <tr >
        <td  style="width:50%">
          <table class="w">
                <tr> 
                  <td style="width:20%">1111111111111111111111111111111111111111111111111111111111111</td>
                  <td  style="width:80%">2</td>
                </tr>
        </table>
        </td>
        <td style="width:20%" >呜无无无无无无</td>
        <td style="width:30%" >呜无无无无无无</td>
      </tr>
    </tbody>
    </table>
    </div>
  
  </div>
</template>

<script>


export default {
  name: "Tem1",

  data() {
    return {};
  },
  props: {},
  watch: { },
  methods: {},
};
</script>

<style lang="scss" scoped>
.tem {
  height: 100%;

  .tem-content {
    width: 100%;
    table {
      width: 100%;
      border-collapse: collapse;
      text-align: center;
       table-layout: fixed;
    }
   
    td {
      border: 1px solid #999;
      height: 40px;
    
      word-break: break-all;
    }
  }

}

</style>