2 panyuan911 panyuan911 于 2013.08.13 09:52 提问

请问div怎么固定宽度,吧一行超出的文字隐藏但不换行?

我是这样设的:<div style="width:100px; overflow: hidden;">
但是每一行的内容找装不下的不会隐藏,而是自动换行。

6个回答

phoenixylf
phoenixylf   2013.08.13 16:41

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

Yumicle
Yumicle   2013.08.20 09:26

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

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

ningwang0206
ningwang0206   2013.08.13 14:40

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

yjtgod
yjtgod   2013.08.14 00:33

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

a544285
a544285   2013.08.19 20:25

你没设置div的高度

sam372648886gz
sam372648886gz   2013.08.20 09:16

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!