css行内文字溢出省略号形式显示样式代码

显示全部楼层 · 2020-7-23 20:53

overflow: hidden;
white-space: nowrap;文字不换行
text-overflow:ellipsis;/* 超出的部分以省略号形式显示 */

复制代码

案例演示代码：

<style>
.box{
width:300px;
height:100px;
border:1px solid #000;
overflow:hidden;
white-space: nowrap;/* 设置文本不换行，单行显示 */
text-overflow:ellipsis;/* 超出的文本使用省略号代替 */
}
</style>
<div class="box">
央视网消息：“健全人可以活出精彩的人生，残疾人也可以活出精彩的人生。我们每个人都要珍惜生命、追求健康，努力创造无愧于时代的精彩人生。”
　　残疾人是一个特殊困难的群体，需要格外关心、格外关注。习近平曾多次强调，全面建成小康社会，残疾人一个也不能少。做好残疾人工作，事关八千多万残疾人及其家庭的民生福祉，事关全面建成小康社会大局。党的十八大以来，以习近平同志为核心的党中央高度重视残疾人事业发展，不断健全残疾人权益保障制度，努力“让广大残疾人安居乐业、衣食无忧，过上幸福美好的生活”。
　　在中国残联第七次全国代表大会到来之际，让我们重温习近平总书记对残疾人朋友和残疾人事业的关爱和支持。
全面建成小康社会残疾人一个也不能少
　　中国有几千万残疾人，2020年全面建成小康社会，残疾人一个也不能少。为残疾人事业做更多事情，也是全面建成小康社会的一个重要方面。
　　——2016年7月28日，习近平在河北省唐山市考察时的讲话
　　因病致贫、因残致贫问题时有发生，扶贫机制要进一步完善兜底措施，在医保、新农合方面给予更多扶持。
</div>

复制代码

css行内文字溢出省略号形式显示样式代码

相关帖子