CSS文本单行显示溢出时出现省略号,多行时首行缩进并出现省略号

为了展示表格显示字数控制,比如商品类名字太长只展示部分

1.正常文本

效果:

2.单行时出现省略号

效果:

3.多行首行缩进并出现省略号

效果:

原文地址：https://www.cnblogs.com/zzz-knight/p/11644912.html

时间： 2024-09-28 10:06:14

CSS文本单行显示溢出时出现省略号,多行时首行缩进并出现省略号的相关文章

css 文本单行显示溢出时出现省略号 多行显示溢出时出现省略号 首行缩进

一.文本单行显示溢出时出现省略号 二.文本多行显示溢出时出现省略号(这种样式只能在webkit和移动端使用,包括小程序,不能设置固定高度) 三.首行缩进两字符 原文地址:https://www.cnblogs.com/baobao0205/p/11620418.html

HTML学习笔记 CSS文本及字体及连接及列表(a标签使用及缩进) 案例 第七节 （原创）参考使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文本及字体及连接及列表</title> <link rel="stylesheet" href="tzy.css" type="text/css"> </head> <

div+CSS实现段落首行缩进两个字符

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. 在这里我们需要了解一种长度单位em.em是相对长度单位.相对于当前对象内文本的字体尺寸.我们中文段落一般每段前空两个汉字.实际上,就是首行缩进了2em. <style type="text/css"><!-- p{text-indent: 2em; /*em是相对单位

UILable显示不同的字体颜色、字体大小、行间距、首行缩进、下划线等属性（NSMutableAttributedString）

案例1:修改文本字体大小.颜色属性 比如文本展示为姓名和性别,但是我们不能排除姓名会很长,所以此刻的lable宽度我们就不能写死,换句话说lable的宽度根据文本的内容来定 我经常用两种方式解决: 1.前面文章已经涉及:lable自适应http://blog.csdn.net/tuwanli125/article/details/51003798 2.就是使用NSMutableAttributedString属性给infoL设置文本 NSString *infoStr = [NSStringst

关于css的text-indent首行缩进两个字符和图片缩进的问题

段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent. text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. <style type="text/css"> p{ text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/ } </style> 注:div标签不要忘记起始符.text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段

Div+Css实现段落首行缩进两个字符（text-indent标签）

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. 在这里我们需要了解一种长度单位em.em是相对长度单位.相对于当前对象内文本的字体尺寸.我们中文段落一般每段前空两个汉字.实际上,就是首行缩进了2em. <style type="text/css"> p{ text-indent: 2em; /*em是相对单位,2em即现

CSS中字距，词距，首行缩进，字体大小，排版相关问题的探讨

先说明下,这是在谷歌浏览器下字体显示等问题做个研究,火狐下有点差异,不过火狐占有率低,而且显示的没有谷歌那么合理,不管它先.IE卡的要死,半死不活,也懒得深入研究这些细节,字体排版上不是强迫症,差别也不大. div{ border: 1px solid black; color: red; font-size: 14px; } <div>文字,咋,排-hello Spacing</div> 就是这么简单的页面.显示结果如下 汉字占的地方是绿色部分是宽14px,高14px 英文字符占

css —— 图片环绕+首行缩进

1.利用css实现图片环绕文字的效果: 只需要给img标签设置float:left/right即可: 2.实现上段文字首行缩进两个字的效果: 使用 text-indent: 2em;即可(em为相对单位,2em相当于两个汉字的距离)

css中input框不可点击+首行缩进

Css 1)text-indent::首行缩进 2)disabled="true"设置input框不可以点击 3)Css:xx!important:声明提前优先级最高..!important优先级最高 4)readonly="true"设置input框不可以点击(用disabled设置之后不能获取表单值)