css+div如何让div中的文字超过宽度时隐藏超出的部分？

Question

rt

Answer 1

.mainDiv {
overflow:scroll;
scrollbar-face-color:9999ff;
position: static;
height: 100%;
width: 100%;
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
SCROLLBAR-BASE-COLOR: #ffcc00;
}改为 overflow: hidden;

Answer 2

设置overflow: hidden;可以隐藏超出部分，但更人性化的设计是将超出部分用...代替，下面的例子可以实现：
<DIV STYLE="width: 200px; height: 50px; border: 1px solid red; overflow: hidden; text-overflow:ellipsis"><NOBR>测试 test 测试 test 测试 test 测试 test 测试</NOBR></DIV>