element Tooltip 文字提示一直居于文字正下方

用法官方的代码和实例

 <el-tooltip class="item" effect="dark" content="Bottom Center 提示文字" placement="bottom">
      <el-button>下边</el-button>
    </el-tooltip>

实际开发中文字过长的话，他箭头偏移了跑到了第二列

解决办法给提示内容包一层div

<el-table-column label="计划名称"  align="center">
              <template #default="scope">
                <el-tooltip class="item"
                            effect="dark"
                            :content="scope.row.plan_name"
                            placement="bottom">
                  <div class="给提示的内容包一层div">
                    <span class="account-name">{{scope.row.plan_name||'这里是提示的内容'}} </span>
                  </div>
                </el-tooltip>
              </template>
            </el-table-column>

下面是效果