Css 如何强制表格行分词？

我有以下元素层次结构：

下面是渲染：

我想去掉水平卷轴，用分词替换它（所以，不要在单词边界上拆分）

---

要启用此功能，正确的css设置是什么？

如果我没有弄错，您要做的是去掉滚动条，保持宽度并仅为右侧的span

.igv popoovervalue

span添加分词。如果是，您可以通过将

.igv popoverName

浮动到左侧，将

.igv poovervalue

浮动到右侧，并给它们一个适合其列侧的宽度，例如

---

你能提供html和css吗？

<td class="igv-popover-td">
    <div class="igv-popoverNameValue">
        <span class="igv-popoverName">Name</span>
        <span class="igv-popoverValue">NUP210L</span>
    </div>
</td>

.igv-popoverName {
    float: left;
    width: 45px;
}
.igv-popoverValue {
    word-break: break-all;
    float: right;
    width: 45px;
}