使用popover不能与span同行的问题

一个比较简单的样式处理

<span>射雕英雄传:</span>
<el-popover
    placement="top-start"
    title="标题"
    width="200"
    trigger="hover"
    content="我想要靖哥哥那完美的爱情，我不会武功">
    <span>我想要靖哥哥那完美的爱情，我不会武功。我想要靖哥哥那完美的爱情，我不会武功</span>
  </el-popover>

想要使用ellipse省略靖哥哥那句话，基本样式为射雕英雄传：我想要靖哥哥那完美的爱情，我不会武功……，鼠标移动出来popover，查看全部内容。最初的布局定义了宽度使用float：right，但是中间会有一个空格，这样很不美观。
后来改写之后，为

width：200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:inline-block;
vertical-align:bottom

将这段加在靖哥哥上面，就可以查看全部的靖哥哥内容