小编cim*_*non的帖子

我有一个自己制作的网格系统,我必须计算一列的每个大小.

在每个row拟合12列中.我将在下面给出的每个示例代码都是这种情况.

在计算网格大小的百分比时,这些数字并不总是整数,大多数情况如下:

99.98029427220177
100.01970572779821
100.0146484375
100.009765625
100.01464843750001
100.00976562499999

当我Math.floor在javascript 使用时,我得到这个:

94
96
98
99
98
99

这就是我想要的:

100
100
100
100
100
100

所以全部四舍五入到整个百分比.

我正在尝试用长度进行数学运算:

$itemWidth: 25px;
$item2Width: 80px;

element {
    width: $itemWidth/2-$item2Width/2-5px
}

但是,它输出-52.5px -5px如何做对了？

我开始使用柔性盒但是不确定如何在柔性容器内设置一个位于右侧的元件？我尝试过申请align-self: flex-end并justify-content: flex-end没有成功,所以我希望有人可以帮助我吗？

CSS

.ctn {
  background: lightblue;
  height: 100px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.btn {
  outline: none;
  border: none;
  color: navy;
  background: lightyellow;
  height: 50px;
  line-height: 50px;
  width: 200px;
  text-transform: uppercase;
}

Codepen: http ://codepen.io/styler/pen/pvJFA

这是我的页脚图像与社交图标.我需要知道如何使用bootstrap/css添加它？

如图所示.我需要知道如何使用bootstrap或css添加它？如何设计这种分离？这是我的页脚代码.

<footer class="footer">
        <div class="container text-left">
            <small style="color:grey" class="copyright">Copyright &copy 2015 SVAPP Private Limited.All Rights Reserved.</small>
            <a href="#"><small style="color:grey" class="fa fa-lg fa-skype pull-right">  </small></a>
            <a href="#"><small style="color:grey" class="fa fa-lg fa-google-plus pull-right">  </small></a>
            <a href="#"><small style="color:grey" class="fa fa-lg fa-linkedin pull-right">  </small></a>
            <a href="#"><small style="color:grey" class="fa fa-lg fa-twitter pull-right">  </small></a>
            <a href="#"><small style="color:grey" class="fa fa-lg fa-facebook pull-right">  </small></a>
        </div><!--End container-->
    </footer><!--End footer 2-->

图片在这里

嘿,我正在使用Kineticjs实现拖放操作现在我希望图像在相邻时能够互相捕捉..我在KineticJs看到了海滩上的动物示例,这对我的功能没什么帮助,然后看到了jquery snap如果我使用那个,那么我将不得不摆脱KineticJs.是什么方式实现jquery snap属于kineticJs中的元素导致在jquery中他们已经传递了img的id以使其可拖动然后按下.那么如何在我的kinetic.js图像中使用它

jquery draggable:http://jqueryui.com/demos/draggable/#snap-to

kinetic.js:http://www.kineticjs.com/

谢谢

阿希什

我尝试学习SASS.为了编译我的文件,我使用Prepros应用程序.它一直很好,直到我开始使用mixins.我的代码如下:

@mixin fontface($size) {
    font: ($size)px/($size*1.7)px "Roboto Slab", Georgia, sans-serif;
}

我这样使用它:

@include fontface(28);

当我编译它时,我将空格添加到变量中,如下所示:

font: 28 px/47.6 px "Roboto Slab", Georgia, sans-serif;

我该怎么改变它？是因为应用程序,还是我做错了什么？

想知道如何制作 . 在 $value 之外

@mixin opacity($value) {
    opacity: .$value;
}

如何逃脱那个点.？我要这个：

.foo {
    @include opacity(3);
}

要生成这个：

.foo {
    opacity: .3;
}

我目前正在做一些造型，并想出了一种有趣的方式来做某事。我想创建一段文本，在页面上的所有其他文本中脱颖而出。下面你可以看到我这样做的方式。

var el = document.querySelectorAll('span[class^=impact]')[0],
  col = el.className.split('-')[1];

el.style.textShadow = '2px 2px 0 #' + col;

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  background-image: url('http://i.imgur.com/UxB7TDq.jpg');
}
[class^=impact] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
  font-family: Impact, sans-serif;
  font-size: 72pt;
  font-weight: 800;
  text-transform: uppercase;
}

<span class="impact-008080">impact</span>

正如您所看到的，我基本上是获取类的前半部分并对其应用样式，然后在 JavaScript 中获取类的后半部分并应用阴影。我想要做的是完全省略 JavaScript 并将其全部保留在 CSS 中。

我没有颜色清单。显然支持任何和所有十六进制颜色。我宁愿保留这种格式。

如何为动态生成的元素生成不同的CSS？

我的问题在这里:我们有一个日期选择器小部件,它th生成了表元素,text-align:left.当它离开时,左边th对齐,但是右边>>拼凑在一起.当我将它们对齐时,会出现相反的问题.我需要做的是适用align left于第一个<<和align right最后一个>>.但这些项目是动态生成的.正在使用SCSS规则.

th { text-align: left }

th {text-align: right }

每个日期选择器,<<,2007年6月,和>>在不同的th内部tr:

我有Table A以下数据:

Id  Value
1   100
2   63
4   50
6   24
7   446

我想用a选择第一行SUM(value) <= 200.

所以期望的输出应该是:

Id Value
1   100
4   50
6   24