1

根据下面的代码，我希望能够将鼠标悬停在 SubBlockA（或 B）上，并根据要显示的大块的大小来隐藏当前隐藏的剪辑信息。更具体地说，当前 subBlockA 被剪裁为 K，当我将鼠标悬停在 subBlockA 上时，我希望能够显示其余的文本而不影响结构的其余部分。我不确定这是否可以通过 CSS 实现，或者我是否需要使用工具提示样式并在 DIV 上显示一些内容。有什么建议么

http://jsfiddle.net/randallmeeker/6bVmb/

<style>
div {
    display: block;
    clear: left;
    overflow: hidden;
}
#bigBlock {
    width: 100px; 
}
.nowrap{
    white-space: nowrap;
}
​&lt;/style>
<div id="bigBlock">
    <div id="subBlockA" class="nowrap">ABCDEFGHIJKL MNOPQRSTUVWXYZ</div>
    <div id="subBlockB" class="nowrap">12345678901 234567890</div>
</div>​
4

1 回答 1

2

使用 css 和 可以很容易地做到这一点:hover：

http://jsfiddle.net/6bVmb/1/

于 2012-11-29T01:53:24.210 回答