css 文字超出显示省略号

<html>
<style type="text/css">div{width: 100px;overflow: hidden;/*超出部分隐藏*/white-space: nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分文字以...显示*/}p{width: 100px;overflow: hidden;/*超出部分隐藏*/white-space: nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分文字以...显示*/}
</style>
<body><div>测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1测试1</div><p>测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2测试2</p>
</body>
</html>

css 文字超出显示省略号相关推荐

【CSS】css文字超出显示省略号/文字超过三行显示省略号..
单行 .p1{/*单行*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 多行 .p2{/*多行*/overflow: hidd ...
关于css文字超出显示省略号失效
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/weixin_44932450 只需要加上 /* autoprefixer: off */ /*aut ...
css文字超出显示省略号
单行: white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 例子: <!DOCTYPE html> <html& ...
css实现文字超出显示省略号...
01.块状元素单行文本超出显示省略号: ul li{ width: 180px; text-overflow: ellipsis; white-space: nowrap;/*禁止自动换行*/ ove ...
CSS文字超出部分省略号显示
文章目录[隐藏] CSS 文字超出部分省略号显示前言 CSS 文字超出部分省略号显示实现方法 CSS 文字超出部分省略号显示实现效果 CSS 文字超出部分省略号显示前言在我们开发过程中,其实有这样的 ...
CSS文本超出显示省略号
CSS文本超出显示省略号 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
css文字超出部分省略号
css文字超出部分省略号 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
兼容ie的文字超出显示省略号
兼容ie的文字超出显示省略号单行文本的溢出显示省略号: (需要加宽度width兼容部分浏览器) overflow: hidden; // 超出隐藏 text-overflow:ellipsis; / ...
canvas 文字超出显示省略号
项目实例,点击可查看以uni-app框架为例:可以把画图封装成一个函数调用. activityCanvas: function(arrImages, storeName, price, people ...

css 文字超出显示省略号

css 文字超出显示省略号相关推荐

最新文章

热门文章