Html 当表格单元格中的文本溢出时，如何将其居中？ 我想在我的单元格中间放一些文本，但是文本比单元格的宽度大，所以它溢出到右边。

有没有可能让它从左到右平均溢出

下面是一个JSFIDLE示例：

html

<table>
    <thead>
        <tr>
            <th>Left</th>
            <th>Center</th>
            <th>Right</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td>SomeVeryBigTextThatDoesNotFit</td>
            <td></td>
        </tr>
    </tbody>
</table>

---

编辑：留给后人，但Arbel的CSS唯一答案是更好的方法

---

可能需要一些JavaScript来实现这一点。我在这里发布了一个使用jQuery 1.11的示例，它实际上只是帮助选择元素并获取/设置它们的属性：

基本上只是获取单元格和文本的宽度并调整定位：

$(function() {
    var textWidth = $(".overflowtext").width();
    var tdWidth = $(".overflowcell").width();
    $(".overflowtext").css("margin-left", tdWidth/2 - textWidth/2);
});

---

请注意，虽然这是可行的，但您仍然需要考虑窗口大小调整，并根据需要进行调整，因为大小调整只适用于原始窗口大小，但希望这能让您开始。

编辑：留给后代，但Arbel的CSS唯一答案是更好的方法

---

可能需要一些JavaScript来实现这一点。我在这里发布了一个使用jQuery 1.11的示例，它实际上只是帮助选择元素并获取/设置它们的属性：

基本上只是获取单元格和文本的宽度并调整定位：

$(function() {
    var textWidth = $(".overflowtext").width();
    var tdWidth = $(".overflowcell").width();
    $(".overflowtext").css("margin-left", tdWidth/2 - textWidth/2);
});

---

请注意，虽然这是可行的，但您仍然需要考虑窗口大小调整，并根据需要进行调整，因为大小调整只适用于原始窗口大小，但希望这能让您开始。

编辑：留给后代，但Arbel的CSS唯一答案是更好的方法

---

可能需要一些JavaScript来实现这一点。我在这里发布了一个使用jQuery 1.11的示例，它实际上只是帮助选择元素并获取/设置它们的属性：

基本上只是获取单元格和文本的宽度并调整定位：

$(function() {
    var textWidth = $(".overflowtext").width();
    var tdWidth = $(".overflowcell").width();
    $(".overflowtext").css("margin-left", tdWidth/2 - textWidth/2);
});

---

请注意，虽然这是可行的，但您仍然需要考虑窗口大小调整，并根据需要进行调整，因为大小调整只适用于原始窗口大小，但希望这能让您开始。

编辑：留给后代，但Arbel的CSS唯一答案是更好的方法

---

可能需要一些JavaScript来实现这一点。我在这里发布了一个使用jQuery 1.11的示例，它实际上只是帮助选择元素并获取/设置它们的属性：

基本上只是获取单元格和文本的宽度并调整定位：

$(function() {
    var textWidth = $(".overflowtext").width();
    var tdWidth = $(".overflowcell").width();
    $(".overflowtext").css("margin-left", tdWidth/2 - textWidth/2);
});

---

请注意，虽然这样做有效，但您仍然需要考虑窗口大小调整，并根据需要进行调整，因为大小调整只适用于原始窗口大小，但希望这能让您开始使用。

实际上，只有CSS才能使用，而且非常简单：

演示

---

事实上，CSS是唯一的方法，非常简单：

演示

---

事实上，CSS是唯一的方法，非常简单：

演示

---

事实上，CSS是唯一的方法，非常简单：

演示

这是你需要的

表格，td{
边框：1px纯黑；
}
桌子{
表布局：固定；
宽度：500px；
边界塌陷：塌陷；
表布局：固定；
}
运输署{
单词包装：打断单词；
文本对齐：居中；
颜色：红色；
}

左边
居中
赖特
一些不符合要求的超文本

以下是您需要的

表格，td{
边框：1px纯黑；
}
桌子{
表布局：固定；
宽度：500px；
边界塌陷：塌陷；
表布局：固定；
}
运输署{
单词包装：打断单词；
文本对齐：居中；
颜色：红色；
}

左边
居中
赖特
一些不符合要求的超文本

以下是您需要的

表格，td{
边框：1px纯黑；
}
桌子{
表布局：固定；
宽度：500px；
边界塌陷：塌陷；
表布局：固定；
}
运输署{
单词包装：打断单词；
文本对齐：居中；
颜色：红色；
}

左边
居中
赖特
一些不符合要求的超文本

以下是您需要的

表格，td{
边框：1px纯黑；
}
桌子{
表布局：固定；
宽度：500px；
边界塌陷：塌陷；
表布局：固定；
}
运输署{
单词包装：打断单词；
文本对齐：居中；
颜色：红色；
}

左边
居中
赖特
一些不符合要求的超文本

简单css修复：

HTML:

简单css修复：

HTML:

简单css修复：

HTML:

简单css修复：

HTML:

---

你可能需要JavaScript来实现这一点。删除固定的布局？如果你的左右两侧都有文本，会发生什么？他们会检查它，这是不好的：）你可能需要JavaScript来完成这项工作。删除固定的布局？如果你的左右两侧都有文本，会发生什么？他们会检查它，这是不好的：）你可能需要JavaScript来完成这项工作。删除固定的布局？如果你的左右两侧都有文本，会发生什么？他们会检查它，这是不好的：）你可能需要JavaScript来完成这项工作。删除固定的布局？如果你的左右两侧都有文本，会发生什么？他们将检查它，这是不好的：）OP希望文本从左到右溢出相等

td span{
    margin-left:-50%;
    margin-right:-50%;    
}