Question

怎么样让DIV里的内容不换行

下面的代码，运行以后“产品介绍”和“显示”和“关闭”不在一行，我想让他们在一行显示。该怎么弄？
<div id="a" style="width:960px;height:25px;">
产品：产品介绍。。。。。。。。。。。。。。。。。。
<a href="javascript:void(0)" id="show" style="display:block;width:50px"
onclick="document.getElementById('a').style.height='auto';document.getElementById
('hidden').style.display='block';document.getElementById('show').style.display='none';">显示</a>
<a href="javascript:void(0)" id="hidden" style="display:none;width:50px"
onclick="document.getElementById('a').style.height='25';document.getElementById
('hidden').style.display='none';document.getElementById('show').style.display='block';">关闭</a>
</div>
换成<span></span>也不行啊，还是分为2行显示了。。。

Answer 1

<div id="a" style="width:960px;height:25px;">
产品：产品介绍。。。。。。。。。。。。。。。。。。
<a href="javascript:void(0)" id="show" style="width:50px"
onclick="document.getElementById
('hidden').style.display='';this.style.display='none';">显示</a>
<a href="javascript:void(0)" id="hidden" style="display:none;width:50px"
onclick="this.style.display='none';document.getElementById('show').style.display='';">关闭</a>
</div>

<a>标签本来是inline级别的元素，你强制把它display定义为block，当然要换行了。其实要显示的时候只要把display置空就行了。。。如果你非要定义，那也要定义成inline来显示。

不知道我说明白没，代码帮你改了一点点，你试试看

Answer 2

text-overflow:ellipsis; white-space: nowrap; 就可以了

Answer 3

换成<span></span>