请选择进入手机版 | 继续访问电脑版

登录/注册

首页 › 活字格专区 › 求助中心 › 查看内容

17 主题	55 帖子	248 积分

积分: 248

943
金币
17
主题
55
帖子

最新发帖

[处理中] 【7.0】如何通过JS实现单元格悬停提示？

luojdz
初级会员 / 发表于：2025-3-12 11:10 / 查看：100 / 回复：7

1金币

【7.0】如何通过JS实现单元格悬停提示？

要怎么做才可实现如下效果：

附件: 您需要登录才可以下载或查看，没有帐号？立即注册

收藏

回复

7 个回复

倒序浏览

stranger
银牌会员 / 发表于：5 天前 沙发

.element:hover::after {
content: "这是一个提示信息";
position: absolute;
/* 或使用其他定位方式 */
background-color: black;
color: white;
padding: 5px;
border-radius: 5px;
top: 100%;
/* 显示在元素下方 */
left: 0;
white-space: nowrap;
}

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

回复 使用道具举报

luojdz
初级会员 / 发表于：5 天前 板凳

stranger 发表于 2025-3-12 11:32
.element:hover::after {
content: "这是一个提示信息";
position: absolute;

你这个有点小问题，移动端屏幕小，字太多就看不到，没有换行。

回复 使用道具举报

stranger
银牌会员 / 发表于：5 天前 地板

本帖最后由 stranger 于 2025-3-12 18:50 编辑

luojdz 发表于 2025-3-12 17:12
你这个有点小问题，移动端屏幕小，字太多就看不到，没有换行。

你可以继续添加你要的参数嘛

max-width:200px /* 设置最大宽度 */
overflow-wrap: break-word; /* 在单词达到宽度限制时自动换行 */
white-space: normal; /* 允许文本换行 */

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

评分

参与人数 1	满意度 +5	收起理由
中力工贸	+ 5

查看全部评分

回复 使用道具举报

Erik.Xue
超级版主 / 发表于：4 天前 5^#

手机端不建议放置表格，并且表格其实不兼容手机页面，正确的方式一般是放置图文列表。

PC页面可以参考楼上大佬的方式。

回复 使用道具举报

luojdz
初级会员 / 发表于：4 天前 6^#

谢谢你们的帮助，此问题已解决。

回复 使用道具举报

Erik.Xue
超级版主 / 发表于：4 天前 7^#

回复 使用道具举报

中力工贸
金牌服务用户 / 发表于：3 天前 8^#

stranger 发表于 2025-3-12 11:32
.element:hover::after {
content: "这是一个提示信息";
position: absolute;

大佬，我想让文本框展示其本身的内容，就是说这个提示信息不是固定的，而是随着文本框本身内容而变化的，这个CSS代码要怎么写啊

回复 使用道具举报