Html 网格项中包含的内联文本不会用省略号截断

我似乎无法显示省略号。文本仅换行到下一行

文本{
显示：内联；
溢出：隐藏；
文本对齐：居中；
文本溢出：省略号；
}
网格{
宽度：200px；
高度：3em；
边框：1px实心#000000 ff；
显示：网格；
网格模板列：1fr；
}

---

此文本应显示省略号而不是换行添加
空白：nowrap至
文本


文本{
显示：内联；
溢出：隐藏；
文本对齐：居中；
文本溢出：省略号；
空白：nowrap；
}
网格{
宽度：200px；
高度：3em；
边框：1px实心#000000 ff；
显示：网格；
网格模板列：1fr；
}
此文本应显示省略号而不是换行添加
空白：nowrap至
文本


文本{
显示：内联；
溢出：隐藏；
文本对齐：居中；
文本溢出：省略号；
空白：nowrap；
}
网格{
宽度：200px；
高度：3em；
边框：1px实心#000000 ff；
显示：网格；
网格模板列：1fr；
}
此文本应显示省略号而不是换行请将css for nowrap应用于文本，如下所示：


文本{
显示：内联；
溢出：隐藏；
文本对齐：居中；
空白：nowrap；
文本溢出：省略号；
}
网格{
宽度：200px；
高度：3em；
边框：1px实心#000000 ff；
显示：网格；
网格模板列：1fr；
}
此文本应显示省略号而不是换行请将css for nowrap应用于文本，如下所示：


文本{
显示：内联；
溢出：隐藏；
文本对齐：居中；
空白：nowrap；
文本溢出：省略号；
}
网格{
宽度：200px；
高度：3em；
边框：1px实心#000000 ff；
显示：网格；
网格模板列：1fr；
}
此文本应显示省略号而不是换行
您忘记了
空白：nowrap
您忘记了
空白：nowrap