草庐IT

box-container

全部标签

javascript - Background Size : Contain, 缩放后得到Size

在CSS中,我将按钮设置为100pxx100px并设置了背景大小:包含;在javascript中,我将图像应用于我没有高度/宽度(也没有纵横比)的元素。在javascript的另一个函数中,我需要能够在通过包含函数后获取此按钮的图像/背景的大小。有什么办法可以做到这一点(我也可以访问Jquery)小样本:#imageButton{width:100px;height:100px;background:url("imageURL");background-size:contain!important;}varimageElem=$('#imageButton')[0];console.l

javascript - Background Size : Contain, 缩放后得到Size

在CSS中,我将按钮设置为100pxx100px并设置了背景大小:包含;在javascript中,我将图像应用于我没有高度/宽度(也没有纵横比)的元素。在javascript的另一个函数中,我需要能够在通过包含函数后获取此按钮的图像/背景的大小。有什么办法可以做到这一点(我也可以访问Jquery)小样本:#imageButton{width:100px;height:100px;background:url("imageURL");background-size:contain!important;}varimageElem=$('#imageButton')[0];console.l

html - 垂直定位三个元素 : flexible box, 滚动框&固定框

css甚至可以实现以下内容吗?如果不是,即使绿框更改内容,也会使用什么javascript事件?我想垂直放置三个框:第一个(绿色的)可以有一些可变的内容,盒子应该扩展以适应内容。此框应与浏览器顶部齐平。最后一个,黄色的,将包含固定数量的内容(这意味着我知道“编译时”的内容是什么)。此框应与浏览器底部齐平。中间一个,红色的,内容量灵活,应该从绿色框的底部延伸到黄色框的顶部,如果内容大于,则内部需要滚动盒子大小。这是我到目前为止所得到的,但它不太管用——我似乎无法使黄色框的底部与视口(viewport)底部齐平,从而让红色box占据了所有额外的空间(即position:absolute似乎

html - 垂直定位三个元素 : flexible box, 滚动框&固定框

css甚至可以实现以下内容吗?如果不是,即使绿框更改内容,也会使用什么javascript事件?我想垂直放置三个框:第一个(绿色的)可以有一些可变的内容,盒子应该扩展以适应内容。此框应与浏览器顶部齐平。最后一个,黄色的,将包含固定数量的内容(这意味着我知道“编译时”的内容是什么)。此框应与浏览器底部齐平。中间一个,红色的,内容量灵活,应该从绿色框的底部延伸到黄色框的顶部,如果内容大于,则内部需要滚动盒子大小。这是我到目前为止所得到的,但它不太管用——我似乎无法使黄色框的底部与视口(viewport)底部齐平,从而让红色box占据了所有额外的空间(即position:absolute似乎

javascript - 如何使用 flex-box 容器在多行上保留间距模板

这里是我的起点:http://jsfiddle.net/Vercingetorix333/7b2L25a5/2/如您所见,容器两端的间距(flex尺寸:10)远大于内容之间的间距(flex尺寸:2.5)。当用户减小html窗口的大小时,元素最终会换行到第二行(如预期的那样)。但是我想做的是设置第一个窗口调整断点/响应因子,这样当内容移动到第二行时(可能使用@media....css?)它一次性获取最右边的两个内容div。然后我希望容器中的每一行看起来像这样:大缓冲区-内容-小缓冲区-内容-大缓冲区我可以只用css做这个吗?或者我需要一些javascript吗?编辑:从Fiddle添加我

javascript - 如何使用 flex-box 容器在多行上保留间距模板

这里是我的起点:http://jsfiddle.net/Vercingetorix333/7b2L25a5/2/如您所见,容器两端的间距(flex尺寸:10)远大于内容之间的间距(flex尺寸:2.5)。当用户减小html窗口的大小时,元素最终会换行到第二行(如预期的那样)。但是我想做的是设置第一个窗口调整断点/响应因子,这样当内容移动到第二行时(可能使用@media....css?)它一次性获取最右边的两个内容div。然后我希望容器中的每一行看起来像这样:大缓冲区-内容-小缓冲区-内容-大缓冲区我可以只用css做这个吗?或者我需要一些javascript吗?编辑:从Fiddle添加我

javascript - Box2dWeb 有没有办法将对象的 position.x 输出到 console.log()?

我认为我这个看似简单的问题有一个简单的答案,但我可能完全错了。无论如何,我是box2dWeb的新手,在我的Box2dWeb世界中,我创建了一个地板和一个简单的下落物体。当我“调试绘制”到我的Canvas时,我看到盒子掉落以及所有东西。我想要做的就是将我创建的下落物体的x位置输出到浏览器console.log中,但它不能正常工作。console.log仅显示我的对象的起始位置,但数字不会更新,即使我的Canvas内的对象正在下落。在使用许多搜索引擎和像SethLadds教程这样的地方搜索了几个小时之后,我一无所获。我希望这里有人可以提供帮助。我提供了一些示例代码来帮助更好地解释我自己。希

javascript - Box2dWeb 有没有办法将对象的 position.x 输出到 console.log()?

我认为我这个看似简单的问题有一个简单的答案,但我可能完全错了。无论如何,我是box2dWeb的新手,在我的Box2dWeb世界中,我创建了一个地板和一个简单的下落物体。当我“调试绘制”到我的Canvas时,我看到盒子掉落以及所有东西。我想要做的就是将我创建的下落物体的x位置输出到浏览器console.log中,但它不能正常工作。console.log仅显示我的对象的起始位置,但数字不会更新,即使我的Canvas内的对象正在下落。在使用许多搜索引擎和像SethLadds教程这样的地方搜索了几个小时之后,我一无所获。我希望这里有人可以提供帮助。我提供了一些示例代码来帮助更好地解释我自己。希

javascript - 使用 jQuery :has() and :contains() selectors together

我有一个包含标签元素的列表项元素。我想使用:has()选择器选择列表项元素。在label元素内有我想要与:contains()匹配的文本。是否可以用一行jQuery来完成这两件事?如果不是,根据其子标签元素的内容选择li元素的优雅方法是什么?Label1 最佳答案 你想要:$("li:has(label):contains('Label1')")这将选择任何两者都有一个并包含文本Label1里面的任何地方。$("li:has(label:contains('Label1'))")这将选择任何有一个并且该标签特别包含文本Label1.

javascript - 使用 jQuery :has() and :contains() selectors together

我有一个包含标签元素的列表项元素。我想使用:has()选择器选择列表项元素。在label元素内有我想要与:contains()匹配的文本。是否可以用一行jQuery来完成这两件事?如果不是,根据其子标签元素的内容选择li元素的优雅方法是什么?Label1 最佳答案 你想要:$("li:has(label):contains('Label1')")这将选择任何两者都有一个并包含文本Label1里面的任何地方。$("li:has(label:contains('Label1'))")这将选择任何有一个并且该标签特别包含文本Label1.