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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis">大连一号仓库一号一号</div>
鼠标移上去，，你可以用TIPS来显示，或者用title来显示就可以了，这样不会影响布局，
鼠标移上去，，你可以用TIPS来显示，或者用title来显示就可以了，这样不会影响布局，
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
