<h:outputText>标签 中怎么限制字数 多余的用省略号,并且鼠标放上时显示全部信息
2012-09-12 09:53
731 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
/* 省略号*/
.ssh{
width:200px;/*容器的基本定义*/
height:auto;
}
/* IE下的样式 */
p span{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}/* FF 下的样式 */
p{clear:both;}
p:after{
content:"...";
}
</style>
<body>
<table width="100%" border="1">
<tr>
<td width="20%"> </td>
<td width="24%"> </td>
<td width="56%"> </td>
</tr>
<tr>
<td class="ssh" title="asdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd"><p><span>asdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd</span></p></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
/* 省略号*/
.ssh{
width:200px;/*容器的基本定义*/
height:auto;
}
/* IE下的样式 */
p span{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}/* FF 下的样式 */
p{clear:both;}
p:after{
content:"...";
}
</style>
<body>
<table width="100%" border="1">
<tr>
<td width="20%"> </td>
<td width="24%"> </td>
<td width="56%"> </td>
</tr>
<tr>
<td class="ssh" title="asdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd"><p><span>asdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdadasasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd</span></p></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
相关文章推荐
- <s:actionmessage/>标签显示Action信息
- 如何在table的<td>中限制显示的字数
- 在JS里面,取struts的<html:form>标签里面的<html:text property="title"/>值
- <thead></thead>标签怎么用?
- jsp使用<c:choose>标签来控制内容显示
- android中使用TextView来显示某个网址的内容,使用<ScrollView>来生成下拉列表框
- sp使用<c:choose>标签来控制内容显示
- <div>标签(css与html写在一起 style type=“text/css”)
- <html:errors/> 一个jsp里两个或多个<html:errors/> 分别显示错误信息
- <s:form theme="simple">导致标签名显示不出来
- struts2标签中<s:textfield>中label不显示
- HTML <a>标签 title属性 鼠标悬停文字显示
- 使用<br>标签分行显示文本
- android中使用TextView来显示某个网址的内容,使用<ScrollView>来生成下拉列表框
- Android UI设计之<六>使用HTML标签,实现在TextView中对部分文字进行加粗显示
- <s:property>标签从后台读取Date类型年份为两位在jsp页面显示的解决方法
- <s:textfield>标签的tr问题
- 在使用struts标签时,把<s:if>中的test写成了text
- 限制jsp页面<td>标签显示长度
- KindEditor 怎么解决复制内容的时候自动添加的<pre>标签