CSS控制标题字符长度多余部分用…省略号表示

最新推荐文章于 2021-05-17 02:24:51 发布

yjxf8285

最新推荐文章于 2021-05-17 02:24:51 发布

阅读量823

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/yjxf8285/article/details/6922331

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

.abc {
background-color: #CCC;
width: 200px;
overflow:hidden;
text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
white-space:nowrap;/*文本不自动换行*/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yjxf8285

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

用css控制标题字符溢出,用省略号表示

前端基础入门学习线路

02-26

973

css控制文章列表,让标题溢出的文字以省略号方式表现. <div style="width:300px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">测试一下效果看能不能达到只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶 ...

用CSS控制标题字数

12-01

标题字数不光是程序可以控制，而且也可以用CSS控制，以下是具体写法： CSS------------------ .text{width:180px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; course:hand; margin:0 auto;} HTML---------------------- <div class="text">非常多的字数你能控制得了不可能的骗你是小狗</div> ----------------------------------------------------------------------------------------------- 注释说明： white-space：normal /*默认，空白忽略，具体效果是：如果字数超过宽度，会换行显示*/ pre /*空白被浏览器保留，具体效果是：如果字数超过宽度，会换行但不会显示换行部分*/ nowrap /*默认，空白忽略，具体效果是：不会换行*/ text-overflow：clip /*无省略号，裁切*/ ellipsis /*省略号标记*/

参与评论您还未登录，请先登录后发表或查看评论

隐藏文字多余部分并以省略号来显示

weixin_44558497的博客

03-23

590

文字太长想隐藏，以...来表示有很多文字的意思，类似于微信的列表页效果图：步骤：给当前装文字的标签（块级）限制一定宽度，并设置以下样式 white-space:nowrap; overflow: hidden; text-overflow: ellipsis; ...

CSS控制文章标题长短代码

管子（zero）的杂乱空间

11-12

1501

长标题的文章可以使用简单的CSS样式实现省略号控制显示。下面的例子是标题很长的文章，我们截取14个汉字，其余省略号代替 CSS控制文章标题长短代码www.cssjiaocheng.cn ul {width:200px; margin:50px auto;} li {width:200px; line-height:25px; text-overflow:ellipsis; white-s

css控制标题长度超出部分显示省略号

dingbenji5337的博客

07-01

324

width:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为text-Overflow。 -------------------------------...

css 省略号 css3让多余的字符串消失并附加省略号的实现代码

09-25

所谓文本省略处理，就是指当文本行数超过容器的高度或者一行文本长度超过容器宽度时，可以用省略号（...）来表示被截断的文本。首先，为了使省略号效果生效，容器的文本需要被设置为单行显示，这可以通过CSS的...

CSS强制文本在一行内显示若有多余字符则使用省略号表示

09-25

CSS（层叠样式表）提供了一种方法来强制文本在一行内显示，并且当文本超出容器宽度时，使用省略号（...）来表示被截断的部分。这个功能主要通过`text-overflow`属性来实现，它与`white-space`和`overflow`属性配合...

CSS文本超出指定宽度后隐藏并显示为省略号的实现方法

09-24

根据标题和描述，以及提供的部分内容，我们可以了解关于CSS文本超出指定宽度后隐藏并显示为省略号的实现方法，以及相关的知识点。以下详细说明： 1. CSS中实现文本溢出显示省略号的基本属性组合： - `text-...

CSS控制标题字符长度的方法

weixin_30474613的博客

08-13

148

只能显示两行文字多余用...表示

Supercaojh的博客

03-13

2562

p { border: 1px solid #ccc; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

通过CSS控制标题长度，截断并显示“...”

脉脉情缘的博客

01-31

384

可通过CSS，控制标题长度超出后的显示样式： overflow:hidden;表示溢出隐藏 text-overflow:ellipsis;表示超出后显示… white-space: nowrap;表示不换行 .title { width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ...

css 内容长度超出范围时用...代替

jiachunfeng的专栏

07-09

645

如果文字内容过长,需要隐藏并以...显示时可以使用如下方式 .hideword { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 例如 aaaaaaaaaaaaaaa

怎么让过长的标题隐藏过长部分在li内并且过长部分用省略号显示

Shsgear的博客

10-26

4255

标题隐藏过长部分

bootstrap表格限制内容长度，多余内容用省略号替代

qq_34752068的博客

08-14

7200

table效果：源码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&amp

c语言限制字符串长度范围,字符串长度C语言版

weixin_39843431的博客

05-17

1749

题目描述：在右侧我们给出了一个已经基本完成的程序，读入了一个字符串，调用了一个叫str_len的函数来计算这个字符串的长度，并输出。聪明的你应该已经发现了，这个叫str_len的函数并没有完成，在不修改函数原型的情况下，请完成str_len函数，实现我们上述的功能吧。样例输入abcdefg样例输出7解题源码：/*****************************版权所有(C)2017,Liu...

CSS 设置标题文字只显示一行，多余显示省略号

12-17

645

.view-text{ /** a.设置inline-block 属性 b.强制不换行 c.固定宽度 d.隐藏超出部分 e.显示“……” */ display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;} 转载于...

文字超出部分用省略号表示

monkey的博客

12-23

1574

固定长度text-overflow:ellipsis;white-space:nowrap；overflow:hidden;"多行控制行数，多出部分省略号display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;overflow: hidden;