解决信息列表中信息名称过长问题

本文提供两种解决方案来处理HTML表格中标题过长的问题:一是通过调整HTML结构;二是利用JavaScript控件实现。示例代码展示了如何在不破坏布局的前提下处理标题超长的情况。

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

07年9月12日

           正如这个题目所说,开发中会遇到这样的问题,我有两种解决办法,现在把这个问题的关键整理成简单的html页面,简单明了:

         (1)解决办法:
          test1.html

         

<%...@ page language="java" contentType="text/html; charset=GBK" %>
<head>
<title>查询信息列表</title>
</head>

<html>
 
<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
       
<tr>
       
<td  width="120"><div align="center">频道名称</div></td>
         
<td  width="120"><div align="center">频道描述</div></td>
         
<td  width="120"><div align="center">操作</div></td>     
       
</tr>         
</table>

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120" title="我是aaaaaaaaaaaaa">
       
<div align="center">
       aaa
       
</div>
       
</td>
       
<td  width="120"><div align="center">111</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>           
       
</td>
    
</tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120" title="我是aaaaaaaaaaaaa">
       
<div align="center">
       aaa
       
</div>
       
</td>
       
<td  width="120"><div align="center">111</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>           
       
</td>
    
</tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120" title="我是aaaaaaaaaaaaa">
       
<div align="center">
       aaa
       
</div>
       
</td>
       
<td  width="120"><div align="center">111</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>           
       
</td>
    
</tr>
    
</table>   

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120"  title="我是bbbbbbbbbbb">
       
<div align="center">
       bbb
       
</div>
       
</td>
       
<td  width="120"><div align="center">222</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>           
       
</td>
    
</tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120"  title="我是cccccccccccc">
       
<div align="center">
       ccc
       
</div>
       
</td>
       
<td  width="120"><div align="center">333</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>           
       
</td>
    
</tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120"  title="我是dddddddddddddddd">
       
<div align="center">
       ddd
       
</div>
       
</td>
       
<td  width="120"><div align="center">444</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>           
       
</td>
    
</tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120" title="我是eeeeeeeeeeeeeeeeeee">
       
<div align="center">
       eee
       
</div>
       
</td>
       
<td  width="120"><div align="center">555</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>           
       
</td>
    
</tr>    
</table>  


<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    
<tr>
       
<td  width="120"  title="我是ffffffffffffffff">
       
<div align="center">
       fff
       
</div>
       
</td>
       
<td  width="120"><div align="center">666</div></td>
       
<td  width="120">
           
<href="#">查看</a>
           
<href="#">修改</a>
           
<href="#">删除</a>       
       
</td>
    
</tr>    
</table>  

</html>

         (2)解决办法(通过javascript控件实现):

         test2.html

  

ExpandedBlockStart.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值