首页 > 其他分享 >多行文本内容超出点点点…最后一行显示

多行文本内容超出点点点…最后一行显示

时间:2023-07-10 18:33:07浏览次数:33  
标签:多行 clamp box 点点 webkit 文本

对于现代浏览器,例如webkit内核的浏览器,或者移动端,是可以实现多行文本内容超出点点点…最后一行显示的,典型的CSS组合如下:

.box {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
其中-webkit-line-clamp就是控制行数的,是3就是显示3行,3行结束点点点,如果是2则最多2行。

标签:多行,clamp,box,点点,webkit,文本
From: https://www.cnblogs.com/xinyouhunran/p/17460579.html

相关文章

  • WPF中TextBlock文本换行与行间距
    换行符:C#代码中:\r\n或 \r或\n    XAML中:&#x0A;或&#x0D;注:\r回车(carriagereturn 缩写),\n新行(newline缩写)。 行间距:LineHeight属性 示例:<TextBlockLineHeight="20"Text="I'mline1&#x0A;I'mline2"/><Te......
  • 更改label标签的文本内容
    1.原始标签 2.变更的代码 3.效果 ......
  • js复制文本到剪切板
    参考:https://blog.csdn.net/evanyanglibo/article/details/127851585//复制文本functioncopyText(text){varelement=createElement(text);element.select();element.setSelectionRange(0,element.value.length);document.execCommand('copy');el......
  • 4. Q_ 设置_p_的_font_size_10rem_,当用户重置或拖曳浏览器窗口时,文本大小是
    Q:设置p的font-size:10rem,当用户重置或拖曳浏览器窗口时,文本大小是否会也随着变化?A:不会。rem是以html根元素中font-size的大小为基准的相对度量单位,文本的大小不会随着窗口的大小改变而改变。......
  • 8. Q_ 如下代码中文本_Sausage_的颜色是_
    Q:如下代码中文本“Sausage”的颜色是?<ulclass="shopping-list"id="awesome"><li><span>Milk</span></li><liclass="favorite"id="must-buy"><spanclass="highlight">Saus......
  • 13. Q_ 如下代码中文本_Sausage_的颜色是_
    Q:如下代码中文本“Sausage”的颜色是?<ulclass="shopping-list"id="awesome"><li><span>Milk</span></li><liclass="favorite"id="must-buy"><spanclass="highlight">Saus......
  • 11. Q_ 如下代码中文本_Sausage_的颜色是_
    Q:如下代码中文本“Sausage”的颜色是?<ulclass="shopping-list"id="awesome"><li><span>Milk</span></li><liclass="favorite"id="must-buy"><spanclass="highlight">Saus......
  • 12. Q_ 如下代码中文本_Sausage_的颜色是_
    Q:如下代码中文本“Sausage”的颜色是?<ulclass="shopping-list"id="awesome"><li><span>Milk</span></li><liclass="favorite"id="must-buy"><spanclass="highlight">Saus......
  • shell 变量多行原样输出,支持\n 回车换行
    假设:git的commit提交说明是多行内容,要给一个变量。但要保持原来样式,比如原来是是3行,在变量输出时候也是3行。经验:要想原样显示,就要在变量上加双引号;单引号和不加会显示成一行。1.原始样式:gitlog-1--format="%B"2.内容给shell变量a:a_test=$(gitlog-1--for......
  • NLP | 文本分词的工具包
    文本分词(Tokenization)是将一个文本序列分割成一个个单独的“词”或“标记”的过程。在自然语言处理(NLP)中,文本分词是一个必要的预处理步骤,几乎所有的自然语言处理任务都需要对文本进行分词。文本分词的目的是根据某种规则或算法,将文本序列分割成较小的单元,例如单词、词组、标点符......