标签内超出的文字显示省略号

（如有错敬请指点，以下是我工作中遇到并且解决的问题）

如图，自我介绍的内容超出边框，自动隐藏。

只需要给该标签加入以下样式即可。

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

转载于:https://www.cnblogs.com/hiuman/p/7347415.html

标签内超出的文字显示省略号相关推荐

文字内容超出两行时显示省略号
文字内容超出两行时显示省略号 <view class="newsTitle">这里是一条很长很长很长的内容 </view> 设置内容超出两行显示省略号的cs ...
css文本溢出时候，如何把多余的文字显示省略号
css文本溢出时候,如何把多余的文字显示省略号日常做的项目中常常有这种需要我们对溢出文本进行"-"显示的操作(我也是通过一行文字到下一行,破坏了我的布局,所以才去找各种办法,然后 ...
CSS设置溢出文字显示省略号
CSS设置溢出文字显示省略号相关CSS .text-ellipse{ width: 100px;height:50px;border:2px solid red;overflow:hidden;te ...
CSS设置文本不换行多余文字显示省略号
文章目录一.使用步骤一.使用步骤 1.文字单行不换行多余文字显示省略号代码如下(示例): white-space: nowrap;display: block;overflow: hidden; ...
文本超出隐藏并显示省略号
文本超出隐藏并显示省略号单行 overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 多行 overflow: hidden;te ...
uni-app中，文字超出隐藏并显示省略号（实现展开、收起全文）
一.uni-app中,固定宽高,文字超出部分,隐藏并显示省略号. .topic_cont_text{padding: 30upx;colof: #999;background: #E1FFFF;max ...
前端超出文字显示省略号
俩篇文章,360兼容模式.ie8可用(css) 原创: https://www.daqianduan.com/6179.html 实现方法: overflow: hidden; text-overfl ...
php 内容超出用省略号,让超出的文字显示为省略号
对大片文字的显示样式进行限制是CSS中最常用的地方之一,比如以下几种情况: 强制不换行: div { white-space:nowrap; } 自动换行: div{ word-wrap: break ...
CSS 文字超出长度的显示省略号的方法总结
text-overflow text-overflow 语法: text-overflow : clip | ellipsis 取值: clip: 不显示省略标记(...),而是简单的裁切. elli ...

标签内超出的文字显示省略号

标签内超出的文字显示省略号相关推荐

最新文章

热门文章