日期:2014-05-17  浏览次数:20650 次

关于li的问题谢谢了
<script type="text/javascript">
  function ChangePhoneText()
  {
  if(document.getElementById("Text2").value=="")
  {
  document.getElementById("liMobile").style.display="none";
  }
  else
  { document.getElementById("liMobile").style.display="inline";//实现隐藏和显示
   
   
  }
</script>
html中
<li id="liMobile"><strong>手机号码</strong><br /> <label
id="shopMobile" runat="server"></label></li>
<li id="liPhone"><strong>固定电话</strong><br /><label id="shopPhone">
</label></li>

li的样式
 li
  {
  border-bottom:gray solid 1px;
  height:50px; 
  padding: 0px;
  list-style-image: none;list-style-type: none;margin: 0px;
  margin-top:7px;
   
  }

当我隐藏 之后再显示 样式就改变了

下面是问题了
<li id="liMobile"><strong>手机号码</strong><br /> <label
id="shopMobile" runat="server"></label></li>
手机号码文字下面 和 label下面都多了横线 并且缩短了(简单的说就是样子跟原来的不一样了)

------解决方案--------------------
document.getElementById("liMobile").style.display="inline";/
改成
 document.getElementById("liMobile").style.display="";/
------解决方案--------------------
li本来是块级元素,inline是把它变成了行内元素,所以会出问题