style="display:none"隐藏html的标签

隐藏html的标签

<div class="span11 alignment">
    <h1>我的虚拟网络</h1>
</div>
</br>
<ul class="nav nav-tabs vmcs-tab">
    <li<%= raw ‘ class="active"‘ if controller.action_name == ‘index‘ %>>
	  <%= link_to ‘虚拟网络列表‘, action: :index %>
	</li>
    <li>
	    <%= link_to ‘虚拟网络拓扑‘, action: :openvpn_topo%>
	   <ul class="nav nav-tabs vmcs-tab" <%= raw ‘style="display:none"‘ if not controller.action_name == ‘openvpn_topo‘ and  not controller.action_name == ‘vlan_topo‘ %>>
          <li<%= raw ‘ class="active"‘ if controller.action_name == ‘openvpn_topo‘ %>>
		      <%= link_to ‘openvpn拓扑‘, action: :openvpn_topo%>
		  </li>
	      <li<%= raw ‘ class="active"‘ if controller.action_name == ‘vlan_topo‘ %>>
		      <%= link_to ‘vlan拓扑‘, action: :vlan_topo%>
		  </li>
        </ul>
	</li>
</ul>

  

时间: 2025-01-02 18:22:44

style="display:none"隐藏html的标签的相关文章

style=&quot;visibility: hidden&quot;和 style=“display:none”之间的区别

style="display:none" 隐藏页面元素: <html> <head> <script type="text/javascript"> function removeElement() { document.getElementById("p1").style.display="none"; } </script> </head> <body>

JS中style.display和style.visibility的区别

在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时候,元素被显示,在style.display=none和style.visibility=hidden的时候,元素被隐藏.它们之间最大的区别是通过style.display=none隐藏的时候,元素不占据原来的位置,从文档流中脱离,后续的元素填补其位置.通过style.visibility=hidd

js中style.display=&quot;&quot;无效的解决方法

本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果. 看下面一段代码: 复制代码代码如下: <style> #name {     display:none; }</style></head><body><div id=

style=&quot;visibility: hidden&quot; 和 style=“display:none”区别

大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏). 当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置.例: <script language="JavaScript&

JavaScript中的style.display属性操作

转载:http://www.jb51.net/article/35086.htm display版本:CSS1/CSS2    兼容性:IE4+   NS4+ 继承性:无 语法:      display   :   block   |   none   |   inline   |   compact   |   marker   |   inline-table   |   list-item   |   run-in   |   table   |table-caption   |   t

display显示隐藏

display <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style>#div1{ width:100px; height:200px; background:#ccc; display:none;} </style> <script> function showHide(

jquery 设置style:display 其实很方便的

("#id").css('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定有display属性 $("#id").show()表示display:block, $("#id").hide()表示display

ie、firefox、chrome中关于style=&quot;display:block&quot; 引发的页面布局错乱的解决办法

ie.firefox.chrome中关于style="display:block" 引发的页面布局错乱的解决办法: table中tr 添加style="display:block" 导致页面布局错乱 对table中tr 不显示时,添加style="display:none",ie.chrome.firefox等都没有问题.但是如果想要显示某个tr,就不能使用style="display:block"了,因为,在ie下,可以正常

style=&quot;display&quot;之后不能获取offsetHeight或clientWidth这类测量的值

如果在html元素中设置了style="display:none;height:90px;"的属性后,是无法获得offsetLeft ,offsetWidth,offsetTop,offsetHeight以及兼容性更好的clientHeight,clientHeight等(client..属性会比offset大些,因为可能包含边框或滚动条)这类测量的值,因为一旦display:none之后浏览器没有渲染也就不会去测量.但你可以得到style中的height:90px;还有你在style