1.
<!DOCTYPE html>
<html>
<head>
<style>
div.test
{
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px solid #000000;
}
</style>
</head>
<body> <p>下面两个 div 包含无法在框中容纳的长文本。正如您所见，文本被修剪了。</p> <p>这个 div 使用 "text-overflow:ellipsis" ：</p> <div class="test" style="text-overflow:ellipsis;">This is some long text that will not fit in the box</div> <p>这个 div 使用 "text-overflow:clip"：</p> <div class="test" style="text-overflow:clip;">This is some long text that will not fit in the box</div> </body>
</html>
