CSS|文本溢出隐藏

一、单行文本溢出隐藏

二、多行文本超出指定行数隐藏

在我们编辑单行文本或者多行文本时文本溢出时，我们该如何进行隐藏呢？今天就来介绍一下单行文本溢出隐藏和多行文本超出指定行数隐藏的方法。

一、单行文本溢出隐藏

width: 250px; （固定宽度）

white-space: nowrap; （不换行）

text-overflow: ellipsis; (省略号）

overflow: hidden; （多余部分隐藏）

二、多行文本超出指定行数隐藏

display: -webkit-box; （兼容性）

-webkit-line-clamp:3;（指定显示行数）

-webkit-box-orient: vertical;（文本垂直排列）

overflow: hidden; （多余部分隐藏）

CSS|文本溢出隐藏相关推荐

html span溢出隐藏,css文本溢出隐藏出错了
我设置的这个文本溢出隐藏. 在正常宽度下可以正常显示.为什么窗口缩小后.文本的位置就变了呢?掉下去了我本来不想给文字加宽度的,但是如果不给宽度的话.文字直接就下去了.给了宽度后.至少正常宽度下.文字 ...
CSS文本溢出隐藏，显示省略号
仅供自己记录,老用还不记得,哈哈哈笨死了!!! 单行文本溢出隐藏: overflow: hidden; 单行文本溢出隐藏显示省略号: white-space: nowrap; overflow: hi ...
css 文本溢出隐藏，省略号代替
1,单行文本溢出 .text{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } 效果如下: ...
css文本溢出隐藏显示省略号
一.单行文本显示省略号 1.先强制文本一行内显示 white-space:nowrap(不换行); 2.超出部分影藏 overflow:hidden; 3.用省略号代替超出的部分 text-overf ...
css文本溢出时候，如何把多余的文字显示省略号
css文本溢出时候,如何把多余的文字显示省略号日常做的项目中常常有这种需要我们对溢出文本进行"-"显示的操作(我也是通过一行文字到下一行,破坏了我的布局,所以才去找各种办法,然后 ...
css文字溢出隐藏为三个点
css文字溢出隐藏为三个点- (1)单行 white-space: nowrap;//不换行 text-overflow: ellipsis;//将文本溢出显示为(-) overflow: hidde ...
html span溢出隐藏,css实现溢出隐藏的方法
css实现溢出隐藏的方法发布时间:2021-04-09 09:45:08 来源:亿速云阅读:86 作者:小新小编给大家分享一下css实现溢出隐藏的方法,相信大部分人都还不怎么了解,因此分享这篇文 ...
CSS 文本溢出 text-overflow属性
text-overflow属性用来设置容器内的文本溢出时,如何处理溢出的内容,取值为 clip | ellipsis,默认值为 clip. clip 表示文本溢出时,简单的把溢出的部分裁剪掉:elli ...
表格单元格中的CSS文本溢出？
本文翻译自:CSS text-overflow in a table cell? I want to use CSS text-overflow in a table cell, such that ...

CSS|文本溢出隐藏

一、单行文本溢出隐藏

二、多行文本超出指定行数隐藏

CSS|文本溢出隐藏相关推荐

最新文章

热门文章