第一次写文章,记录成长 (^o^)/~(^o^)/~(^o^)/~
第一次先写个关于css方面的干货
以下是HTML代码块
<body>
<p>把光标移动到下面两个 div 上,就能够看到全部文本。</p>
<p>这个 div 使用 "text-overflow:ellipsis" :</p>
<div class="test" style="text-overflow:ellipsis;">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</div>
<style>
div.test
{
white-space:nowrap; //强制文字不换行
width:20px;
overflow:hidden;
border:1px solid #000000;
}
div.test:hover
{
overflow:visible;
}
</style>
未悬浮时:
这个 div 使用 "text-overflow:clip":
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
未悬浮时: