css控制一行文字超过固定长度显示省略号

最新推荐文章于 2023-05-31 16:41:51 发布

原创最新推荐文章于 2023-05-31 16:41:51 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css

CSS 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个在IE8浏览器下使用CSS样式时遇到的问题：在使用特定CSS属性后，页面上的省略号无法正常显示。通过在HTML头部加入<meta>标签并设置属性为X-UA-Compatible content=IE=EmulateIE7，可以解决此兼容性问题，确保网页在IE8下正常显示省略号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

width:336px;overflow: hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;

这段css加上后发现ie8下不兼容，解决办法

ie8下不显示省略号，在页面上加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />就ok了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一丢丢的幸福

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css控制文字显示长度

javahepeng的专栏

12-16

810

css设置文本显示长度，多的用... 代替。 {$T.Result.content} 需要设置固定的宽像素值。 style="width:330px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"

css控制字体长度(用省略号显示)

Haiwi-Song

12-15

1980

当字体长度过长时候，需要控制长度，通常的做法就是采用省略号显示，可以使用p标签添加上面的样式控制

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

文字长度+css,CSS样式如何限制文字长度

weixin_29455479的博客

08-03

2225

CSS样式如何限制文字长度呢,我们常需要隐藏超出长度的文字。主要用到以下CSS元素，CSS样式限制文字长度的具体方法如下。.length{max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}CSS样式限制文字长度示例-带宽度限制CSS样式如何限制文字长度,我们常需要隐藏超出长度的文字。这在列表...

css实现固定行显示，剩余用省略号代替

yangyi

07-01

204

css实现固定行显示，剩余用省略号代替 .box{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; //数字表示几行显示 -webkit-box-orient: vertical; }

css 显示指定长度，剩余以...显示

weixin_30437337的博客

09-08

153

CSS如下 white-space:nowrap; text-overflow:ellipsis; overflow:hidden; 转载于:https://www.cnblogs.com/badprogrammer/p/9609648.html

css实现每行显示固定字符长度（变态需求）

weixin_33720956的博客

05-15

3015

实现方案使用宋体字体优势：1.字母符号等宽； 2.汉子宽度为其他一个字符的两倍符合我们的要求；3.字体宽度正好为font-size的一半百度下载宋体ttc格式； www.fontke.com/tool/fontfa… 转换其他格式为什么font-face要同时设置ttf eof woff woff2 svg这么多格式; IE浏览器：EOT Mozilla浏览器：OTF，TTF...

控制文字长度，多出的文字用省略号代替

宏轩ＪＡＶＡ技术专栏

12-02

2244

123456789123456789 =150?download.getDescribes().substring(0,150)+"...":download.getDescribes())%> =150?describesMark.substring(0,150)+"...":describesMark)%>

【转】如何用css限制文字长度,使溢出的内容用省略号…显示

weixin_30794499的博客

03-05

文章转自这里(现在貌似被黑了，建议不要点击了) ps：因在该地方没看到转载按钮，复制下存到这里以待自己方便，别人能看到帮助一下更是乐意之至，效果亲测可以实现，兼容IE、谷歌、火狐由于文字内容长度的不确定,而网页的布局精确性,如果文字内容超出限定的区域(div,span等),会使页面变形.为了满足页面的布局合理,用css样式自动限制文字长度,使溢出内容用省略号…显示. 限制文字长的css样式...

CSS中限制span显示字数

wangchaohpu的博客

05-31

1374

span{ display: block; width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 注意：width一定要有

css限制显示字数，文字长度超出部分用省略号表示

热门推荐

OrangeJuiceMe

03-09

8万+

为了保证页面的美观整洁，在文字太多的时候，我们常需要隐藏超出长度的文字。在题目，名称，列表条目等地方常用到。 (1).html中文字超出一行，省略超出部分，显示'...' 如果这种情况比较多，可以取一个切合作用的类名用于复用。 .line-limit-length { overflow: hidden; text-overflow: ellipsis; white-space: now

html+css 实现文本固定长度，超出显示省略号

foolman_pc的博客

05-23

7318

——html代码 div id="d1">div> ——css代码 #d1{ width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*兼容性*/ -webkit-text-overflow:ellipsis; } 注：关键是给容器指定宽度，并且利用wh

css控制文字字数方法

FangYifei的博客

08-31

3874

css代码 { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } text-overflow 属性规定当文本溢出包含元素时发生的事情详细 http://www.w3school.com.cn/cssref/pr_text-overflow.as...

css实现超出div长度用省略号表示

逸少

11-10

7243

源代码其实不复杂，写法如下：双宽带+无线WiFi 网速升3倍 WiFi手机设置无线上网的方法不过你不能照搬上述代码到你的网页里，要弄清楚div样式里的几个属性。 overflow: hidden overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。hidden 表示内容会被修剪，并且剪掉的内容是不可见的。

css控制文字长度，超出长度显示...

weixin_30613727的博客

06-02

340

css控制文字长度，超出长度显示... .style { max-width: 165px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 转载于:https://www.cnblogs.com/cang12138/p/5553052.html...

css 限制文字长度

weixin_30243533的博客

03-04

935

1 <style type="text/css"> 2 .table{table-layout:fixed} 3 .table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap搜索} 4 </style> 5 <table width="200" border="1" cla...

文字溢出自动加省略号 兼容IE8

asoula的专栏

01-16

6481

用css自动隐藏超出宽度内容并省略显示，浏览器兼容ie、ff text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-

css控制超出一行内容显示省略号

怪力马猴烧酒的博客

08-11

1万+

前言：在前端开发过程中，经常会遇到文字超过一行内容的情况，要求隐藏超出部分并且以省略号显示。解决方法：使用以下css代码即可解决这个需求： white-space:nowrap;/*规定段落中的文本不进行换行*/ overflow:hidden;/*内容会被修剪，并且其余内容是不可见的。*/ text-overflow:ellipsis;/*显示省略号来代表被修剪的文本*/ ...

前端页面文字长度显示控制

shenao_2008的专栏

04-01

1万+

Web页面上，有些组件的文字显示长度是需要控制的，例如表格中单元格内的文字宽度，label的文字宽度等。比如单元格的宽度是50px，假设文字内容宽度是80，这样就是把表格撑开，并且会换行，导致页面布局错乱。面对这种情况，通常是通过禁止换行并分割文字，隐藏文字实现控制。通用的方法是通过css来控制，主要涉及到三个属性：overflow: hidden; white-space: n...

css超过一行省略号