Tag: html

增加包含浮动嵌套div的父div的高度

我似乎无法自动增长我的父母div的高度基于其浮动子div。 所有的孩子都漂浮着,占据空间,然后包裹到下一行。 可以有不断变化的stream动孩子数量,父母必须自动调整身高。 (父div作为所有浮动div的背景)。 在父div下面还有第二个div,需要向下推,这样才能在浮动div下面。 这个解决scheme在IE中是非常重要的。

什么是上下三angular形的HTML实体?

我find了概述的版本,但我想要的是坚实的。 有谁知道这些实体?

如何在图表中将实数的Y轴值更改为整数?

我有一张图表,我想使用Chart.js将其包含在我的网站中。 在Y轴上,它给了我实际的数字,而不是整数,这就是我想要的,这里是我现在的图片: 这就是代码: var lineChartData = { labels : ["2013/04/01","2013/03/31", "2013/03/30", "2013/03/29", "2013/03/28","2013/03/27", "2013/03/26"], datasets : [ { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)", pointColor : "rgba(151,187,205,1)", pointStrokeColor : "#fff", data : ["0", "2","1", "0", "1","0","1"] } ] } var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(lineChartData);

你如何处理Internet Explorer?

我知道这个话题可能还有其他的问题。 我想每个Web开发人员都可以通过IE浏览器进行浏览。 我的问题: 我正在开发一个完全基于Javascript的基于Web的应用程序。 我是一名Mac用户。 我很高兴在Safari,Firefox和Opera上都能很好地工作。 然后,我问了一个Windows的朋友用IE浏览器检查一下,事情也不行。 我的应用程序对HTML标准非常敏感。 主要的问题是CSS布局。 JavaScript本身似乎正常工作,感谢jQuery的可移植性。 我的问题: 你如何处理Internet Explorer? 我应该创build一个仅在Internet Explorer上加载的新CSS吗? 我应该只为Internet Explorer创build新版本的应用程序吗? 你通常如何处理这个问题? 这个应用程序在functiondevise和布局devise上都是相当大的。 编辑: 按照Nosredna的build议使用CSS重置,已经解决了将近一半的问题。 我想这是一个很好的做法。 我注意到,SO也使用它。

防止iPhone缩放forms?

代码: <select> <option value="1">Home</option> <option value="2">About</option> <option value="3">Services</option> <option value="4">Contact</option> </select> 当我触摸select ,iPhone放大该元素(并且在取消select后不缩小)。 我怎样才能防止这个? 或缩小回来? 我不能使用user-scalable=no因为我实际上需要这个function。 这是iPhone的select菜单。

注意DOM的变化,优雅的方式

我需要注意特定DOM元素的任何子元素的属性更改。 到目前为止,我一直在使用突变事件 。 问题是 – 他们是越野车:例如在铬, DOMAttrModified没有被解雇,但DOMSubtreeModified是。 这个问题很容易解决:因为根据规范,如果任何其他事件被触发, DOMSubtreeModified被触发,所以我只是听取了DOMSubtreeModified 。 无论如何,在最近的版本中,如果一个属性被修改,Chromium会停止发射任何东西。 然而,新的Mutation Observer API完美地工作。 到目前为止,我只需要对某个特定元素的子树进行任何修改就发起一个callback – 仅仅因为没有别的东西会被改变 – 所以我通过使用突变事件和变异观察者(当可用时)来解决我的问题一段代码。 然而,现在我需要对事件进行更强大的过滤(例如,在新节点上,在已删除的节点上) – 那么是否有一个库,可能是一个jQuery插件 ,这将允许我优雅地使用这两个 API – MutationObserver如果可用,则将突变事件作为回退,并具有针对特定事件types(例如添加的元素,属性更改)进行筛选的function。 例如 $("#test").watch({onNewElement: 1}, function(newElement){}) $("#test").watch({onNewAttribute: 1}, function(modifiedElement) {}) 或者没有jQuery watchChanges("#test", {onNewElement: 1}, function(newElement){}) watchChanges("#test", {onNewAttribute: 1}, function(modifiedElement){})

用于Web开发的九个补丁图像

我想知道在Android中是否有类似9-patch的东西,但是对于web开发呢? 披露:我根本不知道网站的发展,但是我很好奇,知道它是否存在。 而一个简单的9-patch网页search没有提供任何相关的结果,所以我认为它有另外一个术语,或者它不存在或使用不够广泛。 有谁知道?

如何在jQuery中获得屏幕上的可见元素对象?

我有一个DOM对象的列表,它比屏幕高度区域长。 我只需要检测屏幕上的可见对象就可以制作类似于时间线树视图的东西。 ( 如下图所示 ): 我的DOM看起来像这样: <!– elements visibility on screen to be DETECTED –> <div id="elements"> <div id="elem-1">Lorem ipsum</div> <div id="elem-2">Lorem ipsum</div> <div id="elem-3">Lorem ipsum</div> <div id="elem-4">Lorem ipsum</div> <div id="elem-5">Lorem ipsum</div> <div id="elem-6">Lorem ipsum</div> <div id="elem-7">Lorem ipsum</div> <div id="elem-8">Lorem ipsum</div> </div> <!–elements visibility on screen to be AFFECTED –> <ul id="timeline"> <li view-id="elem-1">Elem-1</li> <li […]

为什么宽度适用于显示内联的button?

根据MDN ,一个button是一个内联元素。 但是,button元素具有默认样式和display: inline-block (请参阅此问题 ) button, textarea, input, select { display: inline-block } 到现在为止还挺好。 然而: 如果我现在设置display:inlinebuttondisplay:inline – 宽度仍然适用! DEMO button, div { width: 200px; border: 1px solid red; display: inline; } <button>button</button> <div>div</div> 现在,根据规范 : width不适用于内联元素(不被replace) 适用于:所有元素,但未被replace的行内元素,表行和行组 既然如此: 为什么宽度仍然适用于内联button元素?

如何停止从caching铬

当用户按下后退button时,我需要强制浏览器从服务器重新加载前一页。 我已经将以下内容添加到我的响应标题中: Cache-Control: no-cache, must-revalidate Expires: -1 这似乎适用于大多数浏览器,但不适用于坚持返回caching结果的Google Chrome浏览器。 那么有没有人知道我强迫浏览器从用户按下后退button时从服务器页面? 谢谢。