多行文本溢出显示...
显示 文本 ... 溢出 多行
2023-09-11 14:22:19 时间
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
限制在一个块元素显示的文本的行数。
-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:
- display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
- -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
- text-overflow,可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本 。
相关文章
- Cocos2D创建多彩文本显示标签
- shell脚本--显示文本内容
- CSS - input 只显示下边框
- 全屏显示窗体
- 让TextView的drawableLeft与文本一起居中显示
- IDA 在string窗口中显示中文字符串
- 动画--问题追踪:ImageView执行缩放动画ScaleAnimation之后,图像显示不全的问题。
- CSS 根据数据显示样式
- RichTextBox指定文本高亮显示
- SAP UI5的表格里如何显示复合列
- 使用CSS属性处理前端开发中长文本造成的内容显示重叠问题
- 文本超出显示省略号--截取字段
- IOS Cordova长按显示文本选择放大镜
- Android 10.0去除锁屏界面及SystemUI无sim卡拨打紧急电话控件显示
- html 文本解析栈 文本时如何解析到最终显示
- C# Label显示多行文本及换行(WinForm/WebForm)
- 深入浅出matplotlib(35):设置坐标轴个性化显示标签
- CSS截取字符串,额外的文本显示以省略号
- 第二人生的源码分析(十九)人物组合显示
- 第二人生的源码分析(八十五)LLView实现OpenGL窗口显示
- 游戏制作之路(28)创建界面文本显示
- Java如何显示不同语言的时间?
- Opencv项目实战:11 使用Opencv高亮显示文本检测
- (14)Blender源码分析之闪屏窗口显示软件版本号