我需要一个单行p标签，其宽度为其父级的100％，并在末尾显示省略号-它需要响应-因此它只能显示随时适合在一行上的字符。
这听起来很简单-但我一直在努力
这是我到目前为止所拥有的-
CSS-
.cont p{
width:70%;
margin:0 auto;
line-height:1;
overflow:hidden;
height:20px;
font-size:20px;
}
.cont p:after{
content:"...";
display:inline-block;
}
http://codepen.io/anon/pen/bpevWv
谁能告诉我我要去哪里了-或为此提供更好的跨设备解决方案？
p {
margin: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
➪ Codepen
注意：您的（OP）码本包含一些不应该的东西。（不要在：after上使用，不要使用inline-block，...）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句