美文网首页
css 换行省略号...

css 换行省略号...

作者: 千罹 | 来源:发表于2017-12-19 12:31 被阅读99次

0. 示例:

helloworld

变成

hellowo...

1. 单行省略

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

2. 多行省略

overflow : hidden;
text-overflow: ellipsis;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 1; /* 行数*/
-webkit-box-orient: vertical;

相关文章

  • CSS零碎

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

  • CSS整理库

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

  • hiyou网站制作笔记

    css控制不溢出不换行 溢出显示省略号 text-overflow : clip | ellipsis取值:cli...

  • CSS 文字超出部分显示省略号

    不换行,超出部分显示省略号 换行,超出部分显示省略号

  • css 相关

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

  • 常用css整理

    整理一些日常开发中常用css 1、换行 2、CSS实现单行、多行文本溢出显示省略号 单行 (使text-overf...

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

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

  • 实用css

    标签: css 正文 1.图像灰度 2.文本自动换行 3.模糊文本 4.css动态省略号 5.样式重置 6.通用媒...

  • css 换行省略号...

    0. 示例: 变成 1. 单行省略 2. 多行省略

  • CSS文本样式

      单行文本溢出显示省略号 多行文本溢出 文字选中滑动背景色 禁止文本缩放 禁止文本选中   css实现不换行、自...

网友评论

      本文标题:css 换行省略号...

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