/*CSS代码*/
.text-hidden {
overflow: hidden; /*控制元素溢出内容如何处理*/
white-space: nowrap; /*强制不换行*/
text-overflow: ellipsis; /*内容超过元素宽度时加上省略号*/
}以上是解决多余文本不显示的CSS代码，主要思路是通过控制元素溢出内容如何处理来解决问题。首先，使用overflow属性来控制元素溢出内容的显示方式，如果设置为hidden，则溢出部分将不被显示出来。
其次，使用white-space属性来强制不换行。如果不设置这个属性，文本一旦超出元素的宽度就会自动换行，这样就不会有多余文本不显示的情况出现。
最后，使用text-overflow属性来让文本内容超过元素宽度时加上省略号。这样即使文本超长也不会影响整体的布局和美观。
总之，通过以上CSS代码设置，可以很方便地解决多余文本不显示的问题。但是需要注意的是，在使用这些属性时要根据自己的实际情况进行调整，以达到最佳的效果。希望这篇文章能够帮助到大家！