美文网首页
文字超出容器的宽度后显示为省略号

文字超出容器的宽度后显示为省略号

作者: 林小刀2_0 | 来源:发表于2017-06-29 11:15 被阅读0次
QQ截图20170629111217.png

要实现这种效果,需要三个属性的一起配合:
text-overflow: ellipsis; //控制超过部分显示为。。。
overflow: hidden; //超出部分隐藏
white-space:nowrap; //文本不换行

相关文章

  • 单行省略号和多行省略号

    单行省略号 这样就可以在超出容器宽度的情况下显示省略号, 如果容器没有宽度限制, 也可以加上width属性为容器...

  • 常用代码块

    1: 文字超出显示省略号 1)如果容器有固定宽度 2)如果容器没有固定的宽度 2: 去除按钮边框 3: 自定义To...

  • 文字超出容器的宽度后显示为省略号

    要实现这种效果,需要三个属性的一起配合:text-overflow: ellipsis; //控制超过部分显...

  • uni_app

    弹性布局flex: 文字超出宽度后,显示省略号的解决办法 overflow:hidden; white-space...

  • CSS文本超出溢出显示省略号

    先贴一个文字超出后显示省略号的css样式: 单行文字超出显示省略号: 多行文字超出显示省略号: *如果你的项目中装...

  • css 文字溢出隐藏

    单行文字超出显示省略号 多行文字超出显示省略号

  • CSS3超出文字隐藏

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

  • 省略号

    CSS文本超出三行自动隐藏 显示省略号 CSS文本长度超出宽度如何显示省略号

  • 常用且容易遗忘的CSS样式清单整理

    1、文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度) 多行文本溢出显示省略号 2、中英文自动换行 ...

  • 作中常用且容易遗忘的 CSS 样式

    1、文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度) 多行文本溢出显示省略号 中英文自动换行 wo...

网友评论

      本文标题:文字超出容器的宽度后显示为省略号

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