1

我有一个 HTML 表格，其中包含一些包含大量内容（例如 1KB）的单元格。大多数单元格都比这个少得多，大约 15 个字节。

我想隐藏工具提示中的大内容。最好的方法是什么？例如，用“...”显示前 15 个字节左右，然后让用户悬停或单击以查看其余部分（或者，如果这不容易，甚至不显示前 15 个字节）

如果这有什么不同，我们正在使用 Bootstrap。

4

1 回答 1

1

最简单的可能实现是......（此处的工作示例）

<div
    onmouseover="document.getElementById('Overflow1').style.display='inline'"
    onmouseout="document.getElementById('Overflow1').style.display='none'">

    Lorem ipsum dolor sit amet,     
    <span id="Overflow1" style="display: none">
        consectetur adipiscing elit. Fusce a erat non nunc facilisis pulvinar. Ut dignissim ut nisi eu porttitor. Nulla cursus, dolor fringilla ullamcorper dictum, arcu orci faucibus sem, ullamcorper mattis odio sapien quis tortor. Proin dictum vel neque non malesuada. Pellentesque at consectetur augue. Curabitur ipsum est, posuere commodo feugiat quis, suscipit at neque.
    </span>
</div>

当然，对于更简洁的代码，您应该考虑分解方法（或者更好的是，使用 jQuery 添加事件处理程序）

于 2013-06-25T02:40:02.990 回答