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

最新推荐文章于 2024-12-01 23:54:11 发布
最新推荐文章于 2024-12-01 23:54:11 发布
阅读量194 收藏
点赞数
文章标签： JavaScript HTML ViewUI
本文提供两种解决方案来处理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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <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">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>       
       </td>
    </tr>    
</table>  

</html>

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

         test2.html

  

ExpandedBlockStart.gif
derpvail
关注
【C++软件调试技术】C++软件开发维护过程中典型软件异常问题的排查与总结
dvlinker的技术专栏
04-15 17万+
本文以问答的方式进行展开，罗列了C++软件日常开发和维护中遇到的多个软件调试问题及有代表性的场景，给出详细的处置思路和处理办法，以供大家借鉴和参考。
C# NAudio 获取麦克风信息，解决设备名称显示不全的问题
qq_29092379的博客
02-15 3305
方法一：WaveInCapabilities GetCapabilities(int devNumber) 该方法返回系统中可用的Wave-In设备 直观的表示，即返回系统中的麦克风设备，通过WaveInCapabilities.ProductName 可查看到对应设备的名称 List<WaveInCapabilities> devices = new List<Wav...
list 展示字段过长小技巧
蓝影灵的博客
01-05 669
1、有内容的应该控制长度 &lt;th class="center" style="width:350px;"&gt;资料简介&lt;/th&gt; &lt;td&gt; &lt;c:choose&gt;    &lt;c:when test="${fn:length(var.REMARK)&gt;100}"&gt;${fn:substring(var.RE
Android打包的时候遇见，与元素类型 "item" 相关联的 "name" 属性值不能包含 大于 字符。
z879381359的博客
10-25 434
Android打包的时候遇见，与元素类型 "item" 相关联的 "name" 属性值不能包含 '<' 字符。 是因为annotations.zip书写不规范导致的错误 直接下载替换,下载链接 ...
ArcGIS属性字段名设置不超过四个中文的解决方法
zhoulong_giser
11-20 3万+
ArcGIS属性字段名设置不超过四个中文的解决方法（附带解决了属性表中文乱码问题）： 一、ArcGIS 10.3的解决办法： 在window+R中输入下面内容，回车 reg add HKEY_CURRENT_USER\Software\ESRI\Desktop10.3\Common\CodePage /v dbfDefault /t REG_SZ /d 936 /f 二、ArcGIS 1...
字段太长，无法录入数据库
山重水复疑无路
03-16 6446
报错： 2017-03-13 10:16:43,159 ERROR [org.hibernate.util.JDBCExceptionReporter] - Data truncation: Data too long for column 'value' at row 1 2017-03-13 10:16:43,167 ERROR [org.hibernate.event.def.Abstra...
input框限制输入40个字符_input标签的 maxlength 属性（HTML限制最大输入字数）
weixin_39581739的博客
12-01 4260
实例下面这个 HTML 表单带有最大长度分别是 85 和 55 个字符的两个输入字段： Name: Email: 亲自试一试定义和用法maxlength 属性规定输入字段的最大长度，以字符个数计。maxlength 属性与 或 配合使用。语法属性值值描述characters输入字段中允许的最大字符数。另外还有form.verify({studentName : function(va...
gradle-util-plugins插件解决Windows下类路径过长问题
在这个特定的更新中，插件解决了Windows环境下Gradle构建过程中遇到的类路径过长的问题。这是一个常见的问题，因为在Windows操作系统上，由于文件系统和命令行参数的限制，类路径（classpath）的长度被限制在了很短...
MySQL高频基本面试问题整理
热门推荐
张彦峰的博客
04-07 174万+
总结大厂MySQL高频基本面试问题整理，用于快速查缺补漏
接口性能优化宝典：解决性能瓶颈的策略与实践
张彦峰的博客
12-01 173万+
本文深入探讨了提升接口性能的多种策略，涵盖了数据库优化、远程调用、异步处理、事务优化、缓存机制、分库分表等方面的技术。通过直面常见性能瓶颈，本文详细讲解了如何优化 SQL 执行效率、避免重复调用、减少事务复杂性、提高并发度，并提供了实际应用的最佳实践和技术方案。此外，文章还结合具体的案例，阐述了如何通过合理选择和设计优化方案，解决常见的性能问题，帮助开发者构建高效、可扩展的系统架构。
Django Celery Beat出错：psycopg2.errors.StringDataRightTruncation: 错误: 对于可变字符类型来说，值太长了(200)
ReuterK的博客
05-05 2680
Django Celery Beat出错：psycopg2.errors.StringDataRightTruncation: 错误: 对于可变字符类型来说，值太长了(200) 这个出错可谓是出乎意外，因为在此之前从未出错过。 在修改了DJ中celery.py中的CELERYBEAT_SCHEDULE内容之后，运行beat时，居然报错了。 从报错的内容看，应该时数据库中的写入数据的字长超过了200个。但是从已经完成的内容看，没有一个字长内容会超过200个字符。 修改了相关表的字长从200到400，仍然报错
各个数据库表名和字段名长度限制
疯狂的星光的专栏
10-12 3万+
现在数据库种类很多，每个数据库对表名和字段名长度有限制，下面是常见数据库的限制。 数据库类型 表名 字段名 SQL SERVER 128个字符，临时表116个字符 128个字符 Oracle 30个字符 30个字符 MySQ
列表显示, 内容过长省略显示, 鼠标停留在内容上显示全部内容
弓长张_木子李的博客
11-13 3136
&lt;td id="com" title='{{item.com}}' style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:pointer;"&gt;{{ item.com || "--"}}&lt;/td&gt;
uniapp-长列表优化
a690392431的博客
08-27 1万+
最近涉及到uniapp 开发小程序和h5 做的一个长列表，遇到有几个需要注意的地方，在此写个记录提醒健忘的自己避免踩坑。 原始实现方式： 首先一个正常的列表都是有一个 tab 来做头部选项卡和一个内部区域，通过手指的滑动可以切换选项卡。然后传统都是采用swiper 加 scroll-view实现（tab 因为没什么性能上的问题就不说了）。但是有时候程序并不能如你所愿，通过这两个组件实现的列表如果数据比较少的情况下确实是比较好用，但是如果出现tab每一项动态加载的数据比较多之后，通过swiper来切换，.
wifi名称修改时最多支持10个中文或32个英文字符；当中文混杂时，只支持20个Asic码（V盘项目)
u012927539的专栏
03-20 5536
wifi名称修改时最多支持10个中文或32个英文字符；当中文混杂时，只支持20个Asic码 public static int getWordCount(String s) { s = s.replaceAll("[^\\x00-\\xff]", "**"); int length = s.length(); return length; } private EditTex
Wifi的密码长度有何限制
曹浩洋的专栏
05-10 6484
Wifi常见的密码有wep，aes和tkip，不同类型的密码长度不同。 Wep密码在输入时可以按ascii码和hex两种： 以ascii输入时长度为5，13。 以hex输入时长度为10，26（因为两个hex是一个字节）。 Aes和tkip的长度为8~63。
组织架构和岗位职责.doc
最新发布
08-07
组织架构和岗位职责.doc
TurboC错误信息详解与解决指南
在学习C语言的过程中，我们常常会遇到各种错误提示，这些错误信息是我们理解和解决问题的关键。下面将对一些常见的C语言编译错误进行详细解释： 1. **Badcallofin-linefunction**: 这个错误通常表示在尝试调用一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值