UC知道怎样能让div自动适应宽度并使用text-overflow？？
来源：百度知道 编辑：UC知道 时间：2024/05/21 17:21:06
代码：
<style>
#all{
float:center;
text-align:left;
}
#a{
float:left;
text-align:left;
width:100px;height:50px;
border:1px solid black;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#b{
float:left;
width:40px;height:50px;
border:1px solid black;
}
</style>
<div id='all'>
<div id='a'>
怎样能让div自动适应宽度并使用text-overflow？？????
</div>
<div id='b'>
</div>
</div>
我想让改变浏览器窗口宽度的同时，a的宽度能够随之改变，而且对a中超出宽度的文字部分进行省略（出现省略号）。用网上的一些方法，可以隐藏超出的文字，但不出现省略号。
有没有方法能让a自动适应宽度，又能达到text-overflow的效果呢？
<style>
#all{
float:center;
text-align:left;
}
#a{
float:left;
text-align:left;
width:100px;height:50px;
border:1px solid black;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#b{
float:left;
width:40px;height:50px;
border:1px solid black;
}
</style>
<div id='all'>
<div id='a'>
怎样能让div自动适应宽度并使用text-overflow？？????
</div>
<div id='b'>
</div>
</div>
我想让改变浏览器窗口宽度的同时，a的宽度能够随之改变，而且对a中超出宽度的文字部分进行省略（出现省略号）。用网上的一些方法，可以隐藏超出的文字，但不出现省略号。
有没有方法能让a自动适应宽度，又能达到text-overflow的效果呢？
<style>
#all{
float:center;
text-align:left;
overflow: hidden;
}
#a{
float:left;
text-align:left;
width:100px;height:50px;
border:1px solid black;
text-overflow:ellipsis;
white-space:nowrap;
padding-bottom: 10000px;margin-bottom: -10000px;
}
#b{
float:left;
width:40px;height:50px;
border:1px solid black;
padding-bottom: 10000px;margin-bottom: -10000px;
}
</style>
<div id="fatherdiv">
<div id="subdiv" style="float:left;">
asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasasdasdasdasdasdasdas
</div>
<span id="maohao" style="float:left;display:none">...</span>
</div>
<script language="javascript">
setTimeout("changewidth()",1000);
function changewidth(){
if (document.body