html 的table中tr里的元素位置如何不让其居中显示

Question

html 的table中tr里的元素位置如何不让其居中显示

关键代码如下:

 <tbody>
        <tr v-for="(item,index) in tableData " :key="index">
          <td>
            <div>
              <div>{{item.canci }}</div>
              <div> </div>
            </div>

          </td>

          <td v-for=" can  in item.canDatas" >
            <div style="height:100%;background-color: pink;position:relative; ">  <!--不启作用-->
              
            <div v-for="info in can.can_info" style="height: 100%; ">
              <div style="display: flex;flex-direction:row;margin-bottom:5px;">
                <div style="flex:2; background-color:yellow">{{info.name}}</div>
                <div  style="display: flex;flex:3;flex-direction:column;">


                  <div v-for="cl in info.cl_pre"
                    style="flex:3;display: flex;flex-direction:column;background-color: red;">
                    <div>{{cl}}</div>
                  </div>
                </div>
              </div>
            </div> 
            </div>
          </td>
        </tr>
      </tbody>

 <div style="height:100%;background-color: pink;position:relative; ">  <!--不启作用-->

有哪位知道如何处理吗？

Answer 1

给table设置属性 align="center"