概述
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
css3怎么设置a标签超出部分为省略号
text-overflow 属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持）。
text-overflow: clip|ellipsis|string|initial|inherit;
登录后复制clip 剪切文本。
ellipsis 显示省略符号 ... 来代表被修剪的文本。
示例如下：
a标签文本给出一个固定长度和样式就可以显示省略号
css：
.cont {
width: 180px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
float: left;
}登录后复制html:
<a class="cont">这是一个名称很长的文档吧要测试超出功能</a>
登录后复制显示效果如图：
（学习视频分享：css视频教程）
以上就是css3怎么设置a标签超出部分为省略号的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是时尚大船为你收集整理的css3怎么设置a标签超出部分为省略号的全部内容，希望文章能够帮你解决css3怎么设置a标签超出部分为省略号所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复