span和div排版有关问题（换行有关问题）
日期：2014-05-16 浏览次数：20387 次
span和div排版问题（换行问题）
大家看下面的代码：
<script>
function $(id){ return document.getElementById(id);}
function show(){
$( "s1 ").style.display= "block ";
$( "s2 ").style.display= "block ";
}
</script>
<body onload= "show() ">
<span style= "display:none " id= "s1 "> <input type= "checkbox " id= "squid_controller " > squid </span>
<span style= "display:none " id= "s2 "> <input type= "checkbox " id= "squid_controller " > solo </span>
123
</body>
========
我是先把span给隐藏了，再显示出来，可是显示后的每个span都是一行
why？我希望它们紧凑起来。如果搞这个？
如果去掉style和show()，就是我需要的效果了。
------解决方案--------------------
style= "width:144px; left:526px; top:150px; display:block overflow-y:auto; "
------解决方案--------------------
$( "s1 ").style.display= "inline ";
$( "s2 ").style.display= "inline ";
block会有还行的,只要不为block就行了
大家看下面的代码：
<script>
function $(id){ return document.getElementById(id);}
function show(){
$( "s1 ").style.display= "block ";
$( "s2 ").style.display= "block ";
}
</script>
<body onload= "show() ">
<span style= "display:none " id= "s1 "> <input type= "checkbox " id= "squid_controller " > squid </span>
<span style= "display:none " id= "s2 "> <input type= "checkbox " id= "squid_controller " > solo </span>
123
</body>
========
我是先把span给隐藏了，再显示出来，可是显示后的每个span都是一行
why？我希望它们紧凑起来。如果搞这个？
如果去掉style和show()，就是我需要的效果了。
------解决方案--------------------
style= "width:144px; left:526px; top:150px; display:block overflow-y:auto; "
------解决方案--------------------
$( "s1 ").style.display= "inline ";
$( "s2 ").style.display= "inline ";
block会有还行的,只要不为block就行了
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
