Html 如何调整表格中的文本

如何将表格中的长文本打断以调整为

td

宽度

这是我桌子的样品

文本使它更宽，我一直试图用CSS调整它，但似乎没有任何帮助

.woocommerce签出审核顺序>表{
最大宽度：400px；
边框间距：10px 0px；
}
.woocommerce结帐审核顺序>表td:n子项（1）{
宽度：15%；
}
.woocommerce结帐审核顺序>表td:n子项（2）{
宽度：20%；
} 
.woocommerce结帐审核顺序>表th，td{
文本对齐：左对齐；
填充物：5px；
}

您点的菜
产品
全部的
女装超级火&次；1
$20
小计
$20
航运
没有可用的装运选项。请确保您的地址输入正确，或
如果您需要任何帮助，请联系我们。
税
$3
全部的

$23

您可以使用：

断字：断字

哪一行在文本可能溢出其内容框的位置断开

您还可以查看：

溢出换行：断开单词

如果整个单词不能放在自己的行中而不溢出，则会产生一个中断。
我可以使用
空白：normal
尝试以下CSS属性：
wordwrap:break-word这个问题可能有助于了解所有这些问题。请使用web开发人员控制台检查元素。取消选中分配给它的CSS，然后检查元素的父元素并取消选中它的CSS。继续这样做，直到文本开始换行。然后您将知道是什么CSS导致了包装。我想它要么是一个固定宽度的应用，要么是
wrap:nowrap正在应用于某个元素父项。您的意思是要证明内容的合理性吗？试试这个
text-align:justify应用于要删除的文本align@OlajumokeAdemilade请让我知道它的工作，所以我可以编辑我的答案谢谢！