Tag: html

如何使用原始JavaScript查找div的宽度？: 如何在不使用类似jQuery的库的情况下以跨浏览器兼容的方式查找<div>的当前宽度？

使用字体真棒图标作为CSS内容: 我想使用一个字体真棒图标作为CSS内容，即， a:before { content: "<i class='fa…'>…</i>"; } 我知道我不能在content使用HTML代码，那么它只剩下图像了吗？

避免点击里面的下拉菜单closures: 我有一个Twitter的Bootstrap下拉菜单。正如所有Twitter Bootstrap用户所知道的，下拉菜单在点击时closures（甚至在其内部点击）。为了避免这种情况，我可以轻松地在下拉菜单上附加一个点击事件处理程序，并简单地添加着名的event.stopPropagation() 。 <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-list-alt"></i> Menu item 1 <span class="fa fa-chevron-down pull-right"></span> </a> <ul class="dropdown-menu mega-dropdown-menu"> <li> <div id="carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel"></li> <li class="active" data-slide-to="1" data-target="#carousel"></li> </ol> <div class="carousel-inner"> <div class="item"> <img alt="" class="img-rounded" src="img1.jpg"> </div> <div […]

如何使用twitter bootstrap 3隐藏元素并使用jQuery显示它？: 使用 Twitter Bootstrap 3和jQuery 2.0.3 HTML： <div id="my-div" class="hide">Hello, TB3</div> 使用Javascript： $(function(){ $("#my-div").show(); }); 结果：看不见我的div <div id="my-div" class="hide" style="display: block;">Hello, TB3</div> 原因： .hide { display: none !important; } bootstrap.min.js，第9行题：使用Bootstrap3隐藏元素并使用jQuery显示它的最简单方法是什么？

如何在bootstrap 3中使用bootstrap-theme.css？: 从http://getbootstrap.com下载完整的bootstrap 3后，我注意到有一个单独的css文件的主题。如何使用它？请解释？我在我现有的引导项目中包含了bootstrap-theme.css ，但输出没有差别。

VIM可以突出显示匹配的HTML标签，如Notepad ++？: VIM支持匹配大括号，括号和方括号对。这对于编辑像PHP和Javascript这样的C风格的语言来说非常棒。但是匹配HTML标签呢？只要我一直在使用Notepad ++，就有了这个function。能够发现HTML块的开始和结束是非常有用的。我正在寻找的是这样的vim（请参阅绿色的div标签）：（奖金function：突出显示未封闭的HTML标签，如截图中的红色标签）。 matchit已经被提出作为下一个最好的事情，但它需要额外的击键才能使用它的function。我希望能够看到HTML的块在哪里开始和结束没有一个额外的按键。我已经浏览了互联网，为vimfind这样的东西。显然，根据其他2个StackOverflow 问题，我并不是唯一的问题。我几乎已经辞职了，因为vim不能在视觉上匹配html标签。 vim可以做到这一点吗？附录：如果现在还不能做任何现有的插件，那么任何vimscript向导都有关于如何写入合适的插件的指针？

如何防止填充属性在CSS中改变宽度或高度？: 我正在用DIV创build一个站点。除了当我创build一个DIV时，一切正常。我创build它们是这样的（例子）： newdiv { width: 200px; height: 60px; padding-left: 20px; text-align: left; } 当我添加padding-left属性时， DIV的宽度变为220px，我希望它保持在200px。假设我创build了另一个名为anotherdiv DIV ，与anotherdiv完全相同，并将其放入newdiv但newdiv没有填充， anotherdiv padding-left: 20px 。我得到同样的东西， newdiv的宽度将是220px。我该如何解决这个问题？

如何删除jQuery DataTables插件添加的search栏和页脚？: 我正在使用jQuery数据表。我想删除默认情况下添加到表中的search栏和页脚（显示有多less行可见）。我只是想使用这个插件进行sorting，基本上。可以这样做吗？

为什么破折号首选CSSselect器/ HTML属性？: 在过去，我一直使用下划线来定义HTML中的类和id属性。在过去的几年中，我改变了破折号，主要是为了与社会潮stream保持一致，不一定是因为这对我有意义。我一直认为破折号有更多的缺点，我没有看到好处：代码完成和编辑大多数编辑器将短划线作为单词分隔符，所以我无法选中所需的符号。说class级是“ featured-product ”，我必须自动完成“ featured ”，input连字符，并完成“ product ”。下划线“ featured_product ”被视为一个单词，因此可以一步填充。导航整个文档也是如此。跳字或双击class名被连字符打破。（更一般地说，我把class和id当作token ，所以对于我来说一个token在连字符上应该很容易被分割是没有意义的。）含算术运算符的歧义使用破折号破坏对象属性访问以在JavaScript中形成元素。这只可能与下划线： form.first_name.value='Stormageddon'; （不可否认，我自己并不是以这种方式访问表单元素，但是当把破折号与下划线作为一个普遍规则来决定时，可以考虑有人可能）。像Sass这样的语言（特别是在整个Compass框架中）已经以破折号作为标准，甚至是variables名称。他们原来也是在开始时使用了下划线。事实上，这是不同的parsing让我感到奇怪： $list-item-10 $list-item – 10 不同语言的variables命名不一致回到当天，我曾经为PHP，Ruby，HTML / CSS和JavaScript中的variables编写underscored_names 。这是方便和一致的，但为了“适应”我现在使用： dash-case在HTML / CSS中在JavaScript中使用camelCase 在PHP和ruby underscore_case 这并不是真的让我感到困扰，但我想知道为什么这些变得如此失调，似乎是故意的。至less有下划线是可以保持一致的： var featured_product = $('#featured_product'); // instead of var featuredProduct […]

如何将button置于Twitter Bootstrap 3中？: 我正在Twitter Bootstrap中创build一个表单，但是我在将表单中input下面的button居中时遇到了问题。我已经尝试应用center-block类的button，但没有奏效。我应该如何解决这个问题？这是我的代码。 <!– Button –> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>