关于<span></span>通过javaScript改变其属性时为什么会换行

<style>
span{white-space:nowrap;overflow:scroll;width:500px}
</style>
<body>
test <span id="1" style="DISPLAY: none">（可写多个，以","隔开）（可写多个，以","隔开）（可写多个，以","隔开）（可写多个，以","隔开）（可写多个，以","隔开）（可写多个，以","隔开）（可写多个，以","隔开）（可写多个，以","隔开）</span>
<input type=button value=click onclick="set()">
<script>
function set()
{
  document.getElementById("1").style.display='';
}
</script>
</body>