美文网首页
css强制文字不行号,超长省略...

css强制文字不行号,超长省略...

作者: 尝鲜分享 | 来源:发表于2021-10-09 12:36 被阅读0次

前言

在表格中如果文字的内容太长,常常会出现文字换号或者将表格的单元格拉的长长的,导致内容需要拖到滚动条才能看完整

如下图

通过css的样式解决

{

white-space: nowrap;

text-overflow:ellipsis;

overflow:hidden;

}

注释:

white-space: nowrap; 文本强制不换行;

text-overflow:ellipsis; 文本溢出显示省略号;

overflow:hidden; 溢出的部分隐藏;

相关文章

  • css强制文字不行号,超长省略...

    前言 在表格中如果文字的内容太长,常常会出现文字换号或者将表格的单元格拉的长长的,导致内容需要拖到滚动条才能看完整...

  • css 相关

    1.CSS 强制不换行,文字溢出显示省略号~ css一共就三句话: { white-space: nowrap; ...

  • 7.6

    一、CSS实现多行文本超长自动省略号 不同分辨率、1、单行文本超长显示省略号:white-space:pre(预留...

  • CSS强制一行显示,超出显示省略号

    CSS强制一行显示,超出显示省略号

  • vue 将一大串文字分两行显示,超出用省略号表示

    众所周知,通过css设置文字强制不换行超出用省略号表示很简单: 但是如果要想显示两行,超出用省略号表示要怎么写呢?...

  • CSS零碎

    CSS自动换行、强制不换行、强制断行、超出显示省略号 使用white-space属性强制不换行p { white-...

  • CSS文字省略

    单行文字: 多行文字:(兼容性有限)

  • CSS3超出文字隐藏

    文字超出显示省略号: css3文字超出多行显示省略号:

  • div内文字超长强制不换行, 超长部分省略号

    如果想在div内的文字超过限制长度又不想让他换行, 那么可以通过在css内如下设置, 即可实现超长部分不换行并以省...

  • CSS整理库

    单行溢出省略号 多行溢出省略号 纯 CSS 实现高度与宽度成比例的效果 强制换行

网友评论

      本文标题:css强制文字不行号,超长省略...

      本文链接:https://www.haomeiwen.com/subject/avzfoltx.html