登录  /  注册
首页 > web前端 > css教程 > 正文

css如何隐藏溢出来的文字

王林
发布： 2020-11-12 14:07:41
原创
1942人浏览过

css隐藏溢出来的文字的方法：可以利用text-overflow属性来实现，如【text-overflow:ellipaos;】，属性值ellipsis表示显示省略符号来代表溢出来的文字。

css如何隐藏溢出来的文字

属性介绍：

text-overflow 属性规定当文本溢出包含元素时发生的事情。

（学习视频分享：css视频教程）

语法：

text-overflow: clip|ellipsis|string;
登录后复制

属性值：

f2d3fb040e60144270c4d9c5cc0f7d5.png

让溢出的文字隐藏

text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失，而变成三个点点的省略号*/
overflow:hidden; /*这个参数可以让超出部分隐藏起来，但是这个隐藏是一种按照宽度而来的直接隐藏*/
white-space:nowrap; /* 确保超出文字显示在一行里面*/
登录后复制

举例：

{  
　　width:XXpx;
　　white-space:nowrap;
　　overflow:hidden;
　　text-overflow:ellipsis;
}
登录后复制

相关推荐：CSS教程

以上就是css如何隐藏溢出来的文字的详细内容，更多请关注php中文网其它相关文章！

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。
我要提问
相关标签：
css 文字
来源：php中文网
上一篇：怎么用CSS调整背景图的大小 下一篇：css伪元素是用来干嘛的
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
实现 localStorage 值为 true：分步指南。 我想知道localStorage是否可以有布尔值而不是字符串？仅使用JS，不使用JSON，如果不可能或可以通过JS以不同的方式完成，请告诉我，谢谢http://jsbin.com/...
P粉195200437来自于2023-10-23 23:54:45
0 1 243
转换JavaScript正则表达式为PHP 我知道这个问题已经被问了大约十几次，但从技术上讲，这个问题并不是一个骗局（如果您愿意，请检查其他问题）;)基本上，我有一个Javascript正则表达式来检查用于前端验证的电子邮件...
P粉465675962来自于2023-10-23 22:58:33
0 2 271
PDO IN() 数组语句 AND 占位符 我在SO上找到了这段代码，它非常适合一起使用PDO和IN()语句。$values=explode(',',$values);#1,4,7$placeholders=rtrim(st...
P粉832490510来自于2023-10-23 21:43:13
0 2 191
Android HttpUrlConnection 不工作 基本上，我正在尝试通过Android应用程序连接到Web界面。我成功地使用HttpClient向表单发送命令。但是，我想使用此处推荐的HttpUrlConnection来完成此操作...
P粉953231781来自于2023-10-23 20:44:21
0 1 243
使用CSS将div的底部边缘向内弯曲 我想用CSS弯曲这个矩形div/背景的底边，所以结果是这样的：有人知道如何实现它吗？.curved{margin:0auto;height:400px;background:lig...
P粉384366923来自于2023-10-23 19:55:32
0 2 271
不离开页面执行PHP 我有一个表单-textarea（名为su）和提交按钮。提交表单后，我需要运行PHP脚本而不刷新/离开页面“echo”或以某种方式在屏幕上打印返回我很确定这可以通过某种ajax请求来...
P粉561323975来自于2023-10-23 19:05:06
0 1 233
拒绝不会在链式承诺中传播 我无法理解为什么拒绝不通过承诺链传递，我希望有人能够帮助我理解原因。对我来说，将功能附加到一系列承诺意味着我依赖于要履行的原始承诺的意图。这很难解释，所以让我先展示我的问题的代码示...
P粉193307465来自于2023-10-23 17:50:47
0 2 208
为了获得两个视频 mediaStreamTrack，我应该传递哪些约束给 getUserMedia()？ 我可以通过navigator.mediaDevices.enumerateDevices()Promise获取“videoinput”类型的mediaDevices。我可以通过na...
P粉818317410来自于2023-10-23 17:03:58
0 1 213
点击div时，跳转到在data中定义的url的Vue方法 我的数组中有这种对象：{name:'name1',url:'http://url-1.tld'},{name:'name2',url:'http://url-2.tld'}在div...
P粉426780515来自于2023-10-23 15:46:15
0 2 207
如何在ChartJS柱状图上显示文本？ 我需要使用chart.js将文本写入图表中的条形图中varctx=document.getElementById("myChart");varmyChart=n...
P粉578343994来自于2023-10-23 14:58:30
0 2 149
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部