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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
logo在线生成器
2024-10-28 广告
在上海数都信息科技有限公司，我们致力于将创意与技术完美融合，将文字的力量转化为直观生动的图标设计。想象一下，一段精炼的文案——“数据洞察未来，科技引领创新”，在我们的设计师笔下，这不仅仅是一行字，而是化作了一个充满现代感的图标：中心是旋转的...
点击进入详情页
本回答由logo在线生成器提供
展开全部
<div style="width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis">大连一号仓库一号一号</div>
鼠标移上去，，你可以用TIPS来显示，或者用title来显示就可以了，这样不会影响布局，
鼠标移上去，，你可以用TIPS来显示，或者用title来显示就可以了，这样不会影响布局，
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
