div{
width:160px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
text-transform: uppercase;
}
Run Code Online (Sandbox Code Playgroud)
我编辑了一个由其他人创建的小提琴,他们打算回答这个问题.
这个答案是正确的并且运作良好,但在一个案例中,这种方法效果不佳.如果文本应该是100%的框,省略号隐藏最后几个字母并添加"..."但是当你操纵css并删除溢出语句时,你会看到,大小适合.
所以这种方式并非100%可靠.但我需要一个100%的工作.
请有人帮帮我吗?