Hot For Coding
纯CSS样式解决相册横向完美排布

很久没有研究CSS了,成天用各种框架也基本都不需要自己写,最近要做一个相册页面,碰到的第一个问题就是如何排布。先给出设计稿,然后再说说样式如何写

full

分析一下,有一个容器,容器有padding,每一行的每一个item之间又有margin,首先想到的是这样

.container {
  padding: 10px;
}
 
.container .item {
  float: left;
  width: 24%;
  margin-left: 1%;
  border: 1px solid #CCC;
}

...

READ ALL

Angular ng-repeat 数组有重复值

默认在ng-repeat的时候每一个item都要保证是唯一的,否则console就会打出error告诉你哪个key/value是重复的。如

$scope.items = [
  'red',
  'blue',
  'yellow',
  'white',
  'blue'
];

这个数组blue就重复了,遍历它

<li ng-repeat="item in items">{{ item }}</li>

控制台就会抛出一个错误:

Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: item in items, Duplicate key: string:blue, Duplicate value: blue

...

READ ALL