CSS 怎样让文本框里的字超过字数后，可以缩略显示变成点，当鼠标移上后又会全部显示出来
如上图那样的，字数多了就变成几个点，而鼠标靠上后，又全部显示出来，请问这种怎么下手，怎么弄啊，新手求解，谢谢大家,请问这种表单系统里很多都是，如果改动在哪里改动，可以实现...
如上图那样的，字数多了就变成几个点，而鼠标靠上后，又全部显示出来，请问这种怎么下手，怎么弄啊，新手求解，谢谢大家,请问这种表单系统里很多都是，如果改动在哪里改动，可以实现这种效果呢？
展开
2个回答
展开全部
<html>
<head>
<title>测试</title>
</head>
<body>
<style>
*{margin:0;padding:0;}
ul{font:14px/30px 宋体;}
a{text-decoration:none;}
li a{
width:100px;
display:block;/*内联对象需加*/
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
li a:hover{
width:auto;
/*或者width:100%;*/
}
</style>
<ul>
<li><a href="#">这是是文字哦哦哦哦哦哦哦哦哦哦哦哦</a></li>
<li><a href="#">这是是文字哦哦哦哦哦哦哦哦哦哦哦哦</a></li>
<li><a href="#">这是是文字哦哦哦哦哦哦哦哦哦哦哦哦</a></li>
<li><a href="#">这是是文字哦哦哦哦哦哦哦哦哦哦哦哦</a></li>
<li><a href="#">这是是文字哦哦哦哦哦哦哦哦哦哦哦哦</a></li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
<div style="width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis">大连一号仓库一号一号</div>
鼠标移上去，，你可以用TIPS来显示，或者用title来显示就可以了，这样不会影响布局，
鼠标移上去，，你可以用TIPS来显示，或者用title来显示就可以了，这样不会影响布局，
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
