桂林网站优化公司,市场调研公司,l临沂建设工程信息网站,百度贴吧网页版入口语法#xff1a; text-overflow#xff1a;clip | ellipsis 默认值#xff1a;clip 适用于#xff1a;所有元素 clip#xff1a; 当对象内文本溢出时不显示省略标记#xff08;...#xff09;#xff0c;而是将溢出的部分裁切掉。 ellipsis#xff1a; 当对象内文本溢…语法 text-overflowclip | ellipsis 默认值clip 适用于所有元素 clip 当对象内文本溢出时不显示省略标记...而是将溢出的部分裁切掉。 ellipsis 当对象内文本溢出时显示省略标记...。 在使用的时候有时候发现不会出现省略标记效果经过测试发现使用ellipsis的时候必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果还有就是元素必须是块级别元素示例代码 div classmui-table-cell mui-col-xs-12span classmui-h5 styletext-overflow:ellipsis;display: block;overflow:hidden; white-space:nowrap; width:100%;/span/div 转载于:https://www.cnblogs.com/cglWorkBook/p/5565856.html
