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>

 

posted @ 2021-10-27 22:36  ThisCall  阅读(74)  评论(0编辑  收藏  举报