Javascript 隐藏额外文本，而不是滚动或溢出父div

我可以显示文本的空间非常有限，我想隐藏任何额外的内容，而不是换行、滚动或溢出父div

在本例中，我的文本位于锚定标记内，因此我制作了一个小组件来举例说明我想在这里做什么：

功能应用程序{ 回来 } ReactDOM.render , mountNode ; var mountNode=document.getElementById'container'；

---

将溢出隐藏移动到div，并在链接中添加空白不换行

功能应用程序{ 回来 } ReactDOM.render , mountNode ; var mountNode=document.getElementById'container'；

---

您可以使用css overflow属性hidden

隐藏任何将跨越父divs边框的文本，而不是断行，以使其变长缺少空格：nowrap和display:block

1空白：nowrap防止换行

2显示：块确保锚定继承其父对象的宽度，而不是其文本的宽度

div{ 宽度：100px； 边框：1px纯黑； } a{ 溢出：隐藏； 空白：nowrap； 文本溢出：省略号； /*可选的*/ 显示：块； } 请隐藏任何将跨越父divs边框的文本，而不是断行以使其变长。