`
xixian
  • 浏览: 216632 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css控制td截取过长文字

    博客分类：
  • html
CSSIEFirefoxHTML 
阅读更多
效果图下：超出td的宽度范围，会用省略号代替


实现如下 
<html>
<head>
</head>
<body>
<style type="text/css">
.mytable{
	table-layout:fixed;
	width:98%
	border:0px;
	margin:0px;
	background-color:#BDE1F2;
	}	
.mytable tr td{
	text-overflow:ellipsis; /* for IE */ 
	-moz-text-overflow: ellipsis; /* for Firefox,mozilla */ 
	overflow:hidden;
	white-space: nowrap;
	border:0px;
	text-align:left
	}
</style>
<table width="500px" class="mytable">
  <tr>
    <td width="20%">ONE PIECE 海贼王</td>
    <td width="80%">ONE PIECE”在故事中为“一个大秘宝”之意。故事描述男主角‘草帽’

蒙其·D·路飞为了当上“海贼王”而踏上“伟大航道”及与其伙伴的经历。传说中‘海贼王’

哥尔·D·罗杰在死前说出他留下了具有财富、名声、力量世界第一的宝藏“ONE PIECE”，许

多人为了争夺“ONE PIECE”，争相出海，许多海贼开始树立霸权，而形成了“大海贼时代”。

十年后，路飞为了要实现与因救他而断臂的四皇‘红发’香克斯的约定而出海，在遥远的路途

上找寻着志同道合的伙伴，一起进入“伟大航道”，目标当上“海贼王”</td>
  </tr>
</table>
</body>
</html>
分享到：
| Dreamweaver格式化代码
评论
2 楼 xixian 2010-10-24  
雪之痕 写道
你好，按照你上面说的方法试了一下，IE下没问题，可在FF下却不行，有没有兼容FF的办法？

谢谢你的回复～，上网查了下
http://www.zhangxinxu.com/study/200909/text-overflow-ellipsis-so-on.html
或许有帮助
1 楼 雪之痕 2010-10-24  
你好，按照你上面说的方法试了一下，IE下没问题，可在FF下却不行，有没有兼容FF的办法？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery 截取长文本和css

    方法一：用CSS截断字符串：IE,FireFox，Opera ，Safari都兼容 .subLongText{ width:150px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-overflow: ellipsis;/* IE/Safari */ ...

    CSS:用overflow代替left截取指定长度字符串

    当文章标题过长，可能会超出其容器（如td或div）的宽度，从而导致显示成多行，影响布局美观。为了解决这个问题，开发者通常会采取两种策略：一种是通过CSS的`overflow`属性来隐藏超出部分；另一种是在服务器端使用...

    HTML长文本截取含有HTML代码同样适用的两种方法

    本文将介绍两种适用于含有HTML代码的长文本截取方法，分别是使用CSS和JavaScript（jQuery）。 首先，我们来看第一种方法：使用CSS截断字符串。这种方法适用于大多数现代浏览器，包括IE、Firefox、Opera和Safari。...

    jquery 截取字符串的实现

    在网页开发中，经常会遇到需要对文本内容进行处理的情况，比如限制某个元素内的文本长度，让过长的文字以省略号或其他形式展示，并且保留完整内容作为提示信息。本文将详细介绍如何使用jQuery库来实现这一功能。 ##...

    js实现九宫格图片半透明渐显特效的方法

    - JavaScript部分是实现渐显效果的关键，通过定义`high`和`low`函数来控制图片的透明度变化。`highlightit`函数是核心函数，它通过递增的方式改变`opacity`属性，从而实现图片的渐显效果。 使用`onmouseover`和`...

    2021-2022计算机二级等级考试试题及答案No.4555.docx

    2. **CSS样式设置**：`text-decoration`属性用于控制文本的装饰，如下划线、删除线等。`text-decoration:none`用于移除下划线。 3. **HTML对齐属性**：在HTML中，`&lt;td align="left"&gt;`用于设置表格单元格中的内容左...

    一些使用频率较高的非常实用的PHP函数

    // 跳过下一个字符 } else { $wordscut .= $string[$i]; } } return $wordscut . $addstr; } return $string; } ``` **使用示例**：假设有一个字符串"这是一个测试字符串"，并希望截取前6个字符，可以调用`...

    layui table复选框禁止某几条勾选的实例

    在本文中，我们将深入探讨如何在Layui的表格组件(table)中实现复选框的禁用功能，以便用户无法勾选特定的行。...通过这种方式，可以灵活控制表格中哪些行的复选框是可选或不可选，从而提供更加个性化的用户体验。

    石家庄天远科技集团有限公司—Java开发笔试题

    创建HTML表格可以使用`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等标签，同时可以通过CSS样式设定宽度和高度，如`width`和`height`属性。 【JSP&Struts部分】 页面间对象传递常见方法包括：请求转发、重定向、会话存储、Cookie...

    OA二次开发手册.docx

    - **日志记录**：开启慢查询日志，记录执行时间过长的SQL语句，帮助优化查询效率。 #### 二、数据库管理 **2.1 phpMyAdmin的安装** phpMyAdmin是一款基于Web的MySQL数据库管理系统，安装步骤简单明了： 1. 下载...

    通达oa2015二次开发文档

    - **版本控制**：建议使用Git进行版本控制。 ##### 参数配置 进行二次开发之前，需要对以下几个方面进行配置： - **OfficeFPM配置**：OfficeFPM是用于处理办公文档的后端服务，需要确保其与PHP环境正确连接。 - *...

    js之弹出式窗口代码生成器

    - **字符串操作**：JavaScript提供了丰富的字符串处理方法，例如`indexOf()`用于查找字符串中的子串位置，`substring()`用于截取字符串的一部分。 ##### 2. HTML与CSS基础 - **HTML标签**：如`&lt;table&gt;`、`&lt;tr&gt;`、`...

    JavaScript笔记

    |--4.slice()方法--截取元素。根据给定的范围可从已有的数组中返回选定的元素 14.Function：js中一切都是对象，连方法都是1个对象！！ 笔试题：js中方法定义集中方式： A：function compare(a,b){return a-b;}--...

Magicbox
Global site tag (gtag.js) - Google Analytics