html-请问div怎么固定宽度，吧一行超出的文字隐藏但不换行？

问题描述

请问div怎么固定宽度，吧一行超出的文字隐藏但不换行？: 我是这样设的:<div style="width:100px; overflow: hidden;">
但是每一行的内容找装不下的不会隐藏，而是自动换行。

可以设置div的大小,然后设置overflow属性为hidden，这样就会将超过的部分隐藏掉了。注意高度设为一个字宽。
如<div style="width:50px;height:1em;overflow:hidden;">天行健，君子以自强不息！地势坤，君子以厚德载物。。。</div>

解决方案二：

.box {
width: 100px;
overflow: hidden;
white-space: nowrap;
background:#039;
height:300px;
}

white-space: nowrap;这个保证元素不换行。

解决方案三：

没有看到你的代码，好像dojo的dojoType这个属性可以设置你试试看

解决方案四：

Mark下。
这个功能有什么具体的作用的吗？可以用在什么方面呢？望指导下，谢谢。

解决方案五：

你没设置div的高度

解决方案六：

在div中添加一个属性overflow:hidden

【云栖快讯】他，一路保送，但可能不是你想象中的学霸；他，曾是微软最年轻的技术管理者，挑战带领跨国团队；他，后来加入阿里，成为阿里西雅图分部的第22名员工；他，就是阿里通用计算平台负责人关涛！通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！详情请点击