直接贴代码了： ::v-deep .el-radio__label { width: 100% !important; text-overflow: ellipsis; white-space: normal; line-height: 18px; // word-wrap: break-word ...
分类：
其他好文 时间：
2020-07-30 22:11:29
阅读次数：
323
①多行文字只显示一行，其它隐藏并显示为.. .text { font-size: 13px; line-height: 1.5; white-space: nowrap; //不换行 text-overflow: ellipsis; //超出部分以省略号显示 overflow: hidden; // ...
分类：
其他好文 时间：
2020-07-25 23:21:50
阅读次数：
97
宽度不固定，超出宽度则以省略号“...”来表示。 /*规定段落中的文本不进行换行：*/ white-space: nowrap; overflow: hidden; /* text-overflow属性表示规定当文本溢出包含元素时发生的事情; ellipsis表示显示省略符号来代表被修剪的文本。*/ ...
分类：
Web程序 时间：
2020-07-19 11:51:01
阅读次数：
106
单行： white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 多行： word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webki ...
分类：
Web程序 时间：
2020-07-15 22:46:33
阅读次数：
93
元素的显示与隐藏 display显示 display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display：block 除了转换为块级元素之外，同时还有显示元素的意思。 特点: 隐藏之后，不再保留位置。 visibility 可见性 设置或检索是否显示对象。 visi ...
分类：
Web程序 时间：
2020-07-12 11:54:25
阅读次数：
118
-webkit-line-clamp: 2; 2行显示 配合下面两个 text-overflow: ellipsis; 多出部分显示省略号 -webkit-box-orient: vertical; // 从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式） display: -webkit-bo ...
分类：
其他好文 时间：
2020-07-12 00:48:06
阅读次数：
87
在下面的代码中加两行注释就可以了 overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /* autoprefixer: off */ -webkit-box-orient:vertical; /* autoprefixer: o ...
分类：
其他好文 时间：
2020-07-08 01:01:13
阅读次数：
48
white-space: nowrap; /* 文本不换行 */ overflow: hidden; /* 溢出文本隐藏 */ text-overflow: ellipsis; /* 溢出文本省略 ...
分类：
其他好文 时间：
2020-07-05 21:18:55
阅读次数：
59
重点：text-overflow: ellipsis;只对display：inline；起作用 例子： <span class="a">我说说<b class="b">打瞌睡党风建设打火机</b>说说色儿</span> a{ display:block/inline-block; width:100 ...
分类：
Web程序 时间：
2020-06-30 11:08:56
阅读次数：
55
css之字体多行省略（兼容大部分浏览器） 字体单行显示省略号 <style> .box1{ width: 500px; height: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } </style> ...
分类：
Web程序 时间：
2020-06-28 11:20:06
阅读次数：
98
