Html css仅在没有空格时断开单词

我有以下代码：

.mydiv{
显示：表格；
表布局：固定；
宽度：自动；
最大宽度：448px；
高度：56px；
}
.mydiv span{
显示：表格单元格；
垂直对齐：中间对齐；
溢出：隐藏；
}

---

您可以使用

换行：break word

执行此操作，但您必须将

width

属性的值设置为

100%

以启用响应：

.mydiv{
显示：表格；
表布局：固定；
宽度：100%；/*响应性*/
最大宽度：448px；
高度：56px；
边框：1px实心；/*仅用于演示*/
}
.mydiv span{
显示：表格单元格；
垂直对齐：中间对齐；
溢出：隐藏；
换行：断开单词；/*已添加*/
}

呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜呜


短词。。。短词。。。短词。。。短词。。。短词。。。短词。。。短词。。。短词。。。