html 文字只显示一行，且隐藏多出来的文字
3个回答
2016-12-14 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
/*一行表示**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/***2行表示**/
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
给容器定一个高度，宽度，设置overflow:hidden;
追问
对div设置了高度和宽度，里面包含了超链接，但是超链接文字太多，想让出现在同一行，是在css里进行设置，还是在div中直接设置，代码怎么写？你说的这个我用了，不起作用。麻烦你了，谢谢！
追答
如果超出的想以省略号代替的话
<div><a href="#">链接文字内容链接文字内容链接文字内容链接文字内容</a></div>
div{width:40px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:norwap;}这样就可以了。
如果不想出现省略号，仅仅让隐藏
div{width:40px;height:20px;overflow:hidden;word-break:break-all;word-wrap:break-word;}至于多行的出现省略号，因为有浏览器不兼容的情况，所以可以参考上面被采纳的答案。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以发出来看一下吗？是不是你代码错了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
