DIV+CSS如何实现一行文字显示不下的自动隐藏！虽然是很菜鸟的问题但还是希望大神们帮帮忙哈！下面有截图

Posted 2023-04-12

求大神们帮帮忙 留Q远程 好吗 求求大神们了！

参考技术A .top_right_nav height:42px; overflow:hidden;

在css那里添加这个代码,height设置固定高度,overflow设置超出部分隐藏,如果有需要的话可以把width的值也设置上~ 参考技术B

就是选定的那一行吗？如果是，那么在CSS里加上这段就可以了！

.top_right_nav overflow:hidden;

追问

CSS里加了 没变哦 哎

追答

设定宽和高

追问

怎么设置呀

追答.top_right_nav overflow:hidden; height:100px; width:100px;

这里设置的高度100像素，宽度100像素！超过这个尺寸的内容就会被隐藏

你也可以自己设定合适的宽和高！

追问

这样的确实现了 谢谢哈 但是还有个问题就是 那个更多 也一起被隐藏了 这个可以单独提出来吗？

追答

设定合适的宽高就可以了，这个就要看您自己的需要了。

您按照这个思路来做就可以了。做几遍就明白了。多思考一下。

参考技术C 把高度设置成一个数值,再加上一个超出部分隐藏，就行了
height:*px;
overflow:hidden; 参考技术D 给 包裹 div 加个css属性 overflow:hidden; 第5个回答  2013-07-12 设置.top_right_navwidth:100%;height:40px; overflow:hidden;

CSS一行/多行显示 超出隐藏

1. 文字一行显示，超出隐藏

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap; 

2. 多行文字显示，超出隐藏

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;