文字超出隐藏方法,只需要三句话

Posted 夏小夏吖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文字超出隐藏方法,只需要三句话相关的知识,希望对你有一定的参考价值。

<style type="text/css">
    .content{
        width:50%;
        white-space: nowrap; //强制不换行显示
      overflow: hidden;
      text-overflow: ellipsis;//超出部分用省略号显示
     }
</style>

<div class="content"></div>

 

以上是关于文字超出隐藏方法,只需要三句话的主要内容,如果未能解决你的问题,请参考以下文章

设置文本超出既定宽度隐藏,并显示省略号

阅读文字段落。文件,拆分成句子,并打印到新文本。 c#中的文件

el-tooltip 超出宽度显示文字提示,否则隐藏

文本超出---单行省略和多行省略

在<li>标签中,想要实现文字超出就隐藏,CSS怎么写?

在<li>标签中,想要实现文字超出就隐藏,CSS怎么写?