html td内容超出省略,table中td文字超出长度用省略号隐藏超出内容，鼠标点击内容全部显示...

1，设置css样式

table {

width: 100%;

float: left;

table-layout:fixed;

width:600px;

border:1px solid #ccc;

}

table tr {

line-height: 25px;

border:1px solid #ccc;

}

table td {

border:1px solid #ccc;

text-align:center;

}

.MHover{

border:1px solid #ccc;

white-space:nowrap;

text-overflow:ellipsis;

overflow:hidden;

}

2，js设置click和mousemove和mouseout事件

$(document).ready(function () {

$(".MALL").hide();

$(".MHover").click(function (e) {

$(this).next(".MALL").css({"position":"absolute","top":e.pageY+5,"left":e.pageX+5}).show();

});

$(".MHover").mousemove(function (e) {

$(this).next(".MALL").css({ "color": "fff", "position": "absolute", "opacity": "0.7", "background-color": "666", "top": e.pageY + 5, "left": e.pageX + 5 });

});

$(".MHover").mouseout(function () {

$(this).next(".MALL").hide();

});

});

3，HTML内容,在td中新增两个div，两个div中的内容必须一致。

姓名	个性签名	性别
狗子	嘻嘻嘻嘻嘻哈哈12345上山打老虎嘻嘻嘻嘻嘻哈哈 嘻嘻嘻嘻嘻哈哈12345上山打老虎嘻嘻嘻嘻嘻哈哈	男

CSS3让一段文字多余的用省略号表示，当鼠标移动上去的时候显示全部文字

如何让table中td宽度固定

table中td会随着里面的内容伸缩,设置其width样式并没有效果.这个时候需要下面的CSS可以实现. 首先是设置table .table {table-layout:fixed;} 其次是td . ...

如何让table中td与四周有间距

如何让table中td与四周有间距 方法一 在td下再添加一个会计元素

第2节 语文 < ...

table中td内容过长 省略号显示

首先设置 css样式: table { table-layout: fixed;} HTML中的table代码:

点此查看详细table的td的valign属性

表格中td限宽溢出以省略号代替

table.ms-listviewtable { table-layout:fixed; width: 100%; } table.ms-listviewtable td[role="gri ...

随机推荐

LZ77压缩算法编码原理详解&lpar;结合图片和简单代码&rpar;

前言 LZ77算法是无损压缩算法,由以色列人Abraham Lempel发表于1977年.LZ77是典型的基于字典的压缩算法,现在很多压缩技术都是基于LZ77.鉴于其在数据压缩领域的地位,本文将结合图 ...

js面向对象总结(一)

在 js 中,对象由特性(attribute)构成,特性可以是原始值,也可以是引用值.如果特性存放的是函数,它将被看作对象的方法(method),否则该特性被看作对象的属性(property).在js ...

MySQL Proxy

最近翻看了mysql proxy的资料,特发上来. mysql proxy的推荐使用方式是采用配置文件来完成,当前在命令行的执行如下:mysql-proxy -P 192.168.1.101:3306 ...

UVA1555-- Garland&lpar;推导&plus;二分&rpar;

题意:有n个灯,给定第一盏灯A的高度,接下去每盏灯的高度按照公式计算,求使所有灯都不会落在地上(允许碰触)的B的最低高度. uva 输出 double 用 %f,这一波坑的! #include &lt ...

CentOS7安装memcached

三台linux服务器系统CentOS7 一台memcached IP:192.168.155.134 一台Apache IP:192.168.155.130 一台nginx IP:192.168.15 ...

HDU 1247 Hat’s Words &lpar;字符串匹配，暴力&rpar;

题意: 给出一堆单词,如果有一个单词可以分成左右串两个单词,并且在所给的一堆单词中存在,就是hat词,统计所有这样的词,并按字典序输出. 思路: 注意定义,一个hat词可以被两部分已经存在的词组成,那 ...

PostgreSQL中的AnyArray例子

http://www.joeconway.com/presentations/function_basics.pdf CREATE FUNCTION myappend(anyarray, anyele ...

hotmail邮箱pop3server设置方法

hotmail邮箱 的POP3/SMTP功能仅仅向Hotmail Plus的用户开放,普通用户想要使用这一功能的话,得进行一些特别的设置.如今这一功能总算面向全部的用户开放了,虽然微软官方还没宣布这一 ...

翻译连载 &vert; 附录 A：Transducing(下)－《JavaScript轻量级函数式编程》 &vert;《你不知道的JS》姊妹篇

原文地址:Functional-Light-JS 原文作者:Kyle Simpson-作者 关于译者:这是一个流淌着沪江血液的纯粹工程:认真,是 HTM ...

C&plus;&plus;笔记004：C&plus;&plus;类通俗点说

核心: C++的类就是对C语言的结构体进行了扩展,C++的结构体可以包含函数! ------------------------------------------------------ 我们学习C ...