我有一些内容要放在一个<div style="width: 100%; height: 1em; overflow: hidden">，现在希望做到的效果是内容仅仅为一行，<div>不会因为内容而自动膨胀，多于内容就在右边overflow隐藏掉。但现在的问题是，由于自动换行，所以就会……例如内容为"1234567890 0987654321"，而现在的宽度足够显示"1234567890 09876"，而因为自动换行"0987654321"就去了第二行，那么实际显示内容是"1234567890"加上后面一个空白区域。
4 个解决方案
<div id="Layer1" style="position:absolute; left:115px; top:120px; width:397px; height:59px; z-index:1" nowrap>
某日，张三碰到了一脸苦相的李四
张三基於多年好友的份上就问了:"怎么了??"
李四哭丧着脸说:
"昨晚我和我内人做完那档事后,我迷迷胡胡的就顺手拿了三千块给她.............."
张三安慰李四说:"唉........道个歉就没事了，男人嘛!!"
没料李四接着哭诉:
"可是她居然顺手就找了五佰给我,还对我说，欢迎下次再来..........."
张三:"....................."
去饭店吃饭，有个哥儿们中途去厕所，回来后很神秘的告诉我们：
“这家酒店的生意太好了，连厕所里都摆着两桌！
”大伙正奇怪的时候，一伙人冲了过来，揪起那哥儿们就要打。我们当然不干了，
问他们：“他又没惹着你们，你们打他干什么？”“打他干什么？我们吃饭吃的好好的，
可这家伙跑到我们包房里撒了泡尿就走。”
</div>
谢谢！
在IE里测试很成功，但是Firefox 1.0就不行了。看了看MSDN说这个属性在W3C DOM里面有，不知道是不是Firefox的问题了。另外不知道有没有能够兼容Firefox的做法。
xrascal(横刀夺爱)你的这个例子太有创意啦，哈哈
