草庐IT

宽度可变

全部标签

javascript - 在 Opera 中获取以像素为单位的计算宽度

如何在Opera中获取元素的计算宽度?在其他浏览器中我可以这样做://getComputedStylewrapperfunctiongetStyle(element,styleProp){returnelement.currentStyle?element.currentStyle[styleProp]:getComputedStyle(element,null).getPropertyValue(styleProp);}...但这只适用于Opera。它为很多东西返回“auto”而不是有用的像素值。这是一个livedemo扩展一些文本以适合一个框。它不适用于Opera,因为计算出的宽度

javascript - 如何使用 JavaScript 获取缩放后的 SVG 元素的宽度?

如果我有内联SVG,包括一个已缩放的元素......或者在中带有viewBox的元素属性:...我如何以编程方式找到myElement的新缩放宽度(以像素为单位)-无需手动检测缩放比例并进行数学计算?到目前为止myElement.getBBox().width返回245不考虑缩放比例。 最佳答案 请检查这个fiddlehttp://jsfiddle.net/T723E/.单击矩形并注意firebug控制台。在这里,我硬编码了一个数字.3,它是包含svg节点/1000个用户单元的div的300像素宽度。看到赏金后,这是我返回的函数,无

javascript - 改变jqplot中y轴标签区域的宽度

好的,我有一个条形图。它基本上可以工作...但是y轴上的标签有点长并且缠绕然后相互碰撞。我试过更改css,但它被JS覆盖了。我尝试扫描jqplot库以找出它发生的位置,但我迷路了。有任何想法吗?有没有我可以设置的选项?你可以在这里看到:这是我的html文件:$(function(){graph_me('chart1',['Thisisalabel','Thisisanotherlabel..','Isthistoolong?Thislookslikeitmightbreak','Imnotsure,but'],[40,20,5,1]);});functiongraph_me(div_n

javascript - 确定网页的宽度(以英寸为单位)

我有一个CSS样式表,它使用媒体查询根据页面宽度的多少英寸来更改页面的显示方式(例如,如果它小于4英寸或在手持设备上显示,它假定对移动设备更友好的LAF)。我遇到的问题是它的内容。在主页上,有一个停靠式界面,可以根据窗口的当前高度和宽度动态改变高度,使文本和元素永远不会离开屏幕。但是,我确定此大小的JS不知道样式表何时更改适用于手持设备或小屏幕,因此该行为在此模式下继续不可预测。我如何使用JavaScript检测页面何时小于或等于4英寸,以便我可以禁用当时重新调整的停靠栏的自动调整大小? 最佳答案 这是一个不平凡的问题。这是一个指向

javascript - 如何使元素的高度等于 Ionic 中的宽度?

我正在使用Ionic制作一个应用程序,我想要一个方形图像作为背景。图像需要针对不同的分辨率进行缩放;我希望它填满设备的宽度,然后在保持纵横比的同时在该宽度上保持高。我尝试添加一个指令来计算要设置的正确高度,但我无法让它做任何事情,它似乎根本没有被调用。HTML{{card.name}}CSS#card{background-image:url("/img/education.png");background-size:100%100%;width:100%;}Javascript(controllers.js).directive("card",function($scope){con

javascript - JQGrid:调整列大小后调整网格宽度

我想在调整列的大小后调整网格的宽度(因此网格的宽度将匹配列的宽度总和,包括调整后的列的新宽度)。这也应该可以防止出现水平滚动条。这有点类似于thisquestion,除了在隐藏/显示列后调整网格大小外,我还希望它在扩展/收缩列时调整大小:如果您查看thedemo在thequestion由@Oleg提供,您可以看到网格不会随着列的大小调整而调整。有一个我可以使用的resizeStop事件,然后使用setGridWidth方法将网格的宽度设置为各列宽度之和。虽然我不确定如何对列的宽度求和...也许JQGrid中有一些内置的东西可以用来轻松地做到这一点?非常感谢您的任何建议!

javascript - 在事件闭包中访问可变变量

我正在尝试使用mousetrapJavascript插件以类似的方式处理一些击键,所以我想按如下方式编写代码:varkeys=['b','i','u'];for(vari=0;i但是,显然,i是可变的。但是,我不确定如何在响应中竞争事件参数的地方编写闭包。关于如何处理这种情况的建议? 最佳答案 howtowriteaclosurewhereIamcompetingtheeventparameterintheresponse在整个循环体周围使用闭包(如@dandavis所示),或者仅在处理程序周围使用它:…Mousetrap.bind

javascript - 检查是否在 jQuery 中设置了最大宽度?

我正在尝试检查jQuery是否已应用内联样式。通常,我会做这样的事情:if($(this).css('max-width')=='20%'){}但是,我不知道百分比。检查是否应用了任何最大宽度的最佳方法是什么? 最佳答案 默认情况下,如果没有定义max-width,.css('max-width')将返回"none",因此以下条件应该可以完成工作:if($(this).css('max-width')!=='none'){...}如果您只需要检查内联样式,这意味着您要覆盖原始的max-widthCSS属性(例如,从样式表文件中),您

javascript - 设置 Dojo 按钮的宽度

注:与thisquestion有关.我正在尝试像这样以编程方式创建一个dojo按钮:varbtnOK=newdijit.form.Button({label:"OK",showLabel:true,style:"height:20px;width:50px;"});现在即使我指定了宽度,显示按钮的宽度也设置为最小值(即文本+边距)。answer中解释的原因是dojo覆盖按钮的css样式(class="dijitButtonNode")。此外(在同一个答案中)宽度是通过覆盖同一类的样式来设置的。如果没有这个css解决方法,是否可以做同样的事情(即设置宽度)?

div 的 Javascript 宽度,返回 0

我正在尝试使用javascript为我的函数检索div的宽度:#areaDraw{margin-top:50px;width:50%;min-height:100%;z-index:1000;}和函数:Event.add(window,"resize",function(){sketch.resize(document.getElementById("areaDraw").style.width,window.innerHeight);}).listener();javascript总是以某种方式为div(areaDraw)的宽度返回0所以有什么问题:document.getEleme