社区
CSS
帖子详情
firefox里怎样实现文字超出宽度限制用省略号代替?
zhengleileilei
2006-09-21 10:33:39
firefox里怎样实现文字超出宽度限制用省略号代替?
.info_list{
float:left;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
这个样式表只在ie里有效,怎样在firefox里也实现这种效果?!
...全文
338
1
打赏
收藏
firefox里怎样实现文字超出宽度限制用省略号代替?
firefox里怎样实现文字超出宽度限制用省略号代替? .info_list{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 这个样式表只在ie里有效,怎样在firefox里也实现这种效果?!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
大猫钓鱼
2006-09-21
打赏
举报
回复
FF里有自己的hack方法,不过不是单纯的CSS,需要辅助JS
参考:http://www.hedgerwow.com/360/dhtml/text_overflow/demo.php
CSS
超出
文本指定
宽度
用
省略号
代替
和文本不换行
本文将深入探讨如何使用CSS
实现
超出
文本指定
宽度
用
省略号
代替
以及禁止文本换行。 1. **一般
文字
截断** 当我们希望文本在特定
宽度
后被截断并用
省略号
表示时,可以使用以下CSS样式: ```css .text-overflow { ...
用css使单行
超出
指定
宽度
的内容切去并在结尾出现
省略号
在IE浏览器中,我们可以直接使用以下CSS来
实现
单行文本
超出
宽度
后添加
省略号
的效果: ```css span { width: 200px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } ...
兼容IE和FF的单行溢出文本显示
省略号
这种方法可以让过长的文本在单行内显示,并在
超出
部分以
省略号
代替
,从而提高用户体验。 首先,我们需要一个包含待处理文本的`<div>`元素,并为其设置一个固定的
宽度
,例如`width: 200px;`。这样可以
限制
文本的显示...
html中的div、td 、p 等容器内强制换行和不换行的
实现
在跨浏览器兼容性方面,需要注意`word-break`属性在某些浏览器(如Opera和
Firefox
)中可能不受支持,这时可以使用`white-space:normal`来替代,以确保在多种浏览器下的正常换行。然而,单纯使用空格来
代替
单词间的...
用css截取字符
实现
文字
自动截断隐藏溢出文本
在网页设计中,
文字
内容在容器中完整显示是一种基本需求,但有时我们希望在内容
超出
容器
宽度
时自动隐藏多余的文本,仅显示前一部分,并以
省略号
(…)
代替
被隐藏的内容,这就是
文字
自动截断隐藏溢出文本的功能。...
CSS
61,124
社区成员
60,705
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章