div隐藏

当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。 这里介绍一个简单的方法。 大体思路是在div外面再套一个div。这个div设置overflow:hidden。 而内容div设置 overflow-y: scroll;overflow-x: hidden; 然后再设置外层div的width小于内层div的width。 这个内层div其实是会出现滚动条的，所以不影响鼠标的滚动效果，而且我们看不到滚动条了。 内层div效果： 套上外层div效果后： css代码： .nav_wrap{ height: 400px; width: 200px; overflow: hidden; border: 1px solid #ccc; margin: 20px auto; } .nav_ul{ height: 100%; width: 220px; overflow-y: auto; overflow-x: hidden; } .nav_li{ border: 1px solid #ccc; margin: -1px; height: 40px; line-height: 40px; text-align: center; font-size:

平时在网页布局的时候总是有文字内容多了，超过溢出限制的高度，那么就会有一些图片会撑破DIV，让网页错位变乱的问题，那如何解决呢？ 这就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉，又不撑破DIV布局。 特别是在IE6，如果内容超出对象高度和宽度承载，将会被撑破增高，这个时候可以利用以下解决方法。 ㈠解决CSS样式 这时我们可以使用CSS overflow 样式解决： 对应样式： Div{overflow:hidden} 这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。 ㈡隐藏超出内容案例 隐藏超出对象宽度高度文字内容 假如我们在一个布局中为了美观对齐，有时我们需要设置了对象高宽后就固定了，这个时候需要实现无论多少内容文字都不要超出设置宽度高度布局，这个时候我们需要overflow:hidden帮忙。 CSS代码： <style> .div{ width:300px; height:50px; line-height:25px; overflow:hidden} /* 设置对象高度宽度，同时设置overflow:hidden */ </style> Html代码： <div class="div">向阳而生 ㈢解决撑破内容方法 这样设置了overflow

　　昨天做项目，用到了隐藏和显示DIV，在页面加载的时候，默认隐藏，当触发一个服务器控件时，显示此DIV，然后对此操作完成后，在点击DIV上服务器控件隐藏DIV，方法很简单，可以用客户端控件，同样的道理。 　　下面就把代码贴出来。 第一设置CSS <style type="text/css"> .selectName { margin-left: 30%; width: 150px; height: 150px; margin-top: 30px; position: absolute; background-color: #eef6ff; z-index: 0; display: none; } </style> 第二是DIV <!--DIV 默认隐藏--> <div id="divBatchName" class="selectName"> <div style="height: 50px; margin-top: 20px;"> <label> 批次名称</label> <asp:DropDownList ID="ddlSelectBatchName" runat="server" AutoPostBack="true" > </asp:DropDownList> </div> <div style="margin-top: 20px"> <asp:Button ID=

首先，今天是9月18日。先默哀，纪念 九一八事件 今天我看到了一段这样的js。 Code < script > function sh(s){ if ( ! $(s)) return ; $(s).style.display = $(s).style.display == " none " ? " block " : " none " ;} function hs(s){ if ( ! $(s)) return ; $(s).style.display = $(s).style.display == " block " ? " none " : " block " ;} function vv(s){ if ( ! $(s)) return ; $(s).style.visibility = " visible " ;} function vh(s){ if ( ! $(s)) return ; $(s).style.visibility = " hidden " ;} </ script > 以前写代码只知道有一个显示隐藏是obj.style.display="none"或者obj.style.display="block" 今天看到了一个visibility.看表面意思应该也就是显示隐藏。 那为什么JS已经有display了，还增加一个visibility呢，多此一举？

最近项目遇到一个问题，需要对一个div中的元素设置根据不同的情况进行显示和隐藏。 因为默认该div是显示的，所以在刷新页面的时候，会先加载这个div进行显示，加载完成后又执行到 hide() 方法，使该div隐藏。 这样就造成了本应该隐藏的div总是会闪一下再消失。用户体验特别差。 经过各种尝试，发现一种方法可以解决此问题， 就是在CSS中将该div的display属性设置为none： #superInputInnerDiv{ display: none; } 特此记录！ 来源： https://www.cnblogs.com/guoxiangyue/p/11319135.html