level 8
小暑😘
楼主
代码如下：
<!DOCTYPE html><html><head><style> div{width:20px;height:50px;background:yellow;transition:width 0.3s;-moz-transition:width 0.3s; /* Firefox 4 */-webkit-transition:width 0.3s; /* Safari and Chrome */-o-transition:width 0.3s; /* Opera */-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */box-shadow: 10px 10px 5px #888888;}
div:hover{width:300px;}</style></head><body>
<div>This is some long text that will not fit in the box</div>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body></html>
效果如下：
黄色的框可以用鼠标移动到它上面而变长，我想知道如何把文字都缩到黄色框里去，当黄色框变长时在显示全部文字信息。。。。
高手求教！！！
2013年06月09日 23点06分
1
<!DOCTYPE html><html><head><style> div{width:20px;height:50px;background:yellow;transition:width 0.3s;-moz-transition:width 0.3s; /* Firefox 4 */-webkit-transition:width 0.3s; /* Safari and Chrome */-o-transition:width 0.3s; /* Opera */-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */box-shadow: 10px 10px 5px #888888;}
div:hover{width:300px;}</style></head><body>
<div>This is some long text that will not fit in the box</div>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body></html>
效果如下：
黄色的框可以用鼠标移动到它上面而变长，我想知道如何把文字都缩到黄色框里去，当黄色框变长时在显示全部文字信息。。。。高手求教！！！
![[太开心]](/static/emoticons/u592au5f00u5fc3.png)
楼上两位好搞笑