td设置自动隐藏，hover事件触发全部显示，table列表不用担心信息太长导致界面不美观

table由于部分列信息较长，导致界面十分不友好，设置成固定布局的话，每列的占用宽度被均化了，可以把多点内容隐藏掉，但是也不是很美观，可以加div来调整，其他相关设置列属性好像也可以，没有尝试过。

通过给td加上以下属性，可以适应自定义的列宽度，多余的内容隐藏，鼠标移动到列上可以全部显示，比较合理。

table tr td{
max-width:500px;
word-wrap:
break-word;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
table tr td:hover{
white-space:normal;
overflow:auto;
}

td设置自动隐藏，hover事件触发全部显示，table列表不用担心信息太长导致界面不美观相关推荐

Echarts X轴内容过长自动隐藏，鼠标移动上去显示全部
使用echarts图表做页面展示的时候,当X轴内容过长时,之前一直用的 '\n' 换行(将字符串根据需要分成两行来展示),这样有很大的局限性(如内容过长的话分成两行也放不下,而且也会影响美观),后 ...
win11任务栏图标闪烁｜任务栏QQ图标闪动｜新消息任务栏自动弹出｜设置自动隐藏任务栏之后，QQ或微信等工具新消息自动弹出任务栏并颜色提示问题解决方案
背景介绍: 今天正常使用电脑时也出现消息弹出问题(已经设置隐藏任务栏),很头疼那么时什么情况,该如何组去解决呢?(微信任务栏闪动未读消息) MyDockFinder Windows 桌面美化工具 ...
html标签a+hover事件,触发a标签hover事件，如何在元素底部显示蓝色底块_html/css_WEB-ITnose...
回复讨论(解决方案) 你可以用li:hover border-bottom:3px solid blue; background-position:bottom; //是针对背景图片的位置,不是背景颜 ...
wxpython查询功能_wxpython程序基本功能源码整理，包括基本文字，输入框，字体设置，按钮绑定事件触发...
#coding=utf-8 import wx class MyApp(wx.App): def __init__(self): wx.App.__init__(self) def OnInit(se ...
idea 设置自动生成类和方法注释，TODO标记作者日期信息以及过滤自己所写标记
HAI,这是我的第一篇博客; 一直都是在csdn上学习,有所收获也应该写博客回报猿友们: 今天写一篇分享如何配置idea的类注释和方法注释(遵循阿里开发规范),还有todo注释(这个也很重要,谁的问题 ...
C++ 实现隐藏窗口和任务栏图标，再也不用担心玩游戏被发现了
# 前言大家在日常生活中经常会遇到玩游戏被发现的情况,在我们使用电脑的时候,即使将窗口最小化,任务栏上仍然会留下图标,非常容易被发现. 为了解决这个问题,我使用 C++ 编写了一个可以一键隐藏窗口的 ...
python 横坐标只显示部分数据_解决echarts中横坐标值显示不全(自动隐藏)问题
echarts中,横轴数据如果非常多,会自动隐藏一部分数据,我们可以通过属性interval来进行调整. 如下图,当横轴时间为13天时,echarts会自动隔天显示如果我们想显示全,则需要在xAxi ...
Ubuntu左边启动器移到底部及自动隐藏
通过命令 gsettings set com.canonical.Unity.Launcher launcher-position Bottom 移到底部,移回左边Bottom改为Left即可. gs ...
多智能体协同传输的事件触发通信与控制的深度强化学习（ICRA-2021）
摘要本文探讨了一种多智能体强化学习方法来解决多智能体协作传输的通信和控制策略设计问题.典型的端到端深度神经网络策略可能不足以覆盖通信和控制;这些方法不能决定通信的时间,只能工作在固定速率的通信.因此 ...

td设置自动隐藏，hover事件触发全部显示，table列表不用担心信息太长导致界面不美观

td设置自动隐藏，hover事件触发全部显示，table列表不用担心信息太长导致界面不美观相关推荐

最新文章

热门文章