小编Ka *_* Lo的帖子

垂直居中并左对齐一列弹性项目

要求

  1. Flexbox的
  2. 垂直中间
  3. 水平左
  4. 垂直堆积的儿童元素
  5. 子元素的数量可以是一个或多个
  6. 使用旧语法,以便Android 4.2了解

听起来很难描述.演示中的粉红色框是我想要的外观.绿色框已经很好了,只是我不知道如何处理多个子元素.

我认为解决方案可能是以下的组合,但我无法做到.

align-items: center;
flex-direction: column;
Run Code Online (Sandbox Code Playgroud)

body {
  margin: 1em .5em;
}
article {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

section {
  height: 18em;
  background: #ccc;
  margin: 0 .5em;
  position: relative;
  display: flex;
  align-items: center;
}
section:after {
  font-size: smaller;
  color: blue;
  position: absolute;
  bottom: 0;
}
section.big {
  width: 20%;
  height: 5em;
}
section.small {
  width: 10%;
  flex: 1;
}
section div {
  outline: 1px dotted green;
}
section.want { …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

20
推荐指数
1
解决办法
3万
查看次数

@import 行预期选择器或规则,但不是因为缺少分号

我有这个指南针错误

Line 3: Invalid CSS after "@charset "UTF-8"": expected selector or at-rule, was "@import 'compass';")
Run Code Online (Sandbox Code Playgroud)

该文件如下。它甚至不包含我自己的任何代码

@charset "UTF-8"
@import 'compass';
Run Code Online (Sandbox Code Playgroud)

我知道人们说当@import行缺少分号时会发生此错误,但我的文件有分号。

并且相同的文件(scss 和 config.rb)可以在 linux 中轻松编译,没有问题。


有人知道出了什么问题吗?

给出错误的配置是

Windows 8.1
ruby 2.1.6p336 (2015-04-13 revision 50298) [i386-mingw32]
Compass 1.0.3 (Polaris)
Sass 3.4.16 (Selective Steve)
Run Code Online (Sandbox Code Playgroud)

我尝试了很多组合

(1)
-------------------
@import 'compass';    
-------------------
// only this line, no @charset line.
// Result: compilation ok, but I need charset because 
// my COMMENTS (yes only comments) have UTF8 chars.
Run Code Online (Sandbox Code Playgroud)
(2)
------------------- …
Run Code Online (Sandbox Code Playgroud)

compass-sass

5
推荐指数
2
解决办法
3535
查看次数

如何在图像悬停放大过渡期间保留图像圆角?

演示版

悬停时放大图像很容易。
图像圆形边框很容易。
将它们组合起来,可以,但是圆角在过渡过程中会消失。
过渡后,圆角又回来了。
问:过渡时如何保留圆角?

.img-wrapper {
    border-radius: 10px;
}

.img-wrapper img {
    transition: transform .5s ease;
    transform:scale(1);
}

.img-wrapper img:hover {
    transform:scale(1.5);
}
Run Code Online (Sandbox Code Playgroud)

css

5
推荐指数
1
解决办法
3609
查看次数

要从当前分支合并到另一个分支

git merge合并从另一个分支到当前分支.

可以从当前分支合并到另一个分支,并保留在当前分支中?

当然,以下是可能的,但有三个步骤.

(on brancha)
git checkout master
git merge brancha
git checkout brancha
Run Code Online (Sandbox Code Playgroud)

git

2
推荐指数
1
解决办法
78
查看次数

rsync 仅包含目录模式

我只想包含名为 的目录*cache*及其下的所有文件和子目录。
\n怎么写rync --include --exclude

\n\n
        source                          dest        \n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 a                           \xe2\x94\x82   \n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 b                           \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 b   \n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 d                       \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 d       \n        \xe2\x94\x82\xc2\xa0\xc2\xa0     \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 e                   \xe2\x94\x82\xc2\xa0\xc2\xa0     \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 e           \n        \xe2\x94\x82\xc2\xa0\xc2\xa0         \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 cache           \xe2\x94\x82\xc2\xa0\xc2\xa0         \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 cache                   \n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 c                           \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 c   \n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 f                       \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 f       \n        \xe2\x94\x82\xc2\xa0\xc2\xa0     \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 npm_cache           \xe2\x94\x82\xc2\xa0\xc2\xa0     \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 npm_cache                   \n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 g                           \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 g   \n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 cache_stores            \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 cache_stores                    \n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 h                           \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 h   \n        \xe2\x94\x82\xc2\xa0\xc2\xa0 …
Run Code Online (Sandbox Code Playgroud)

rsync

1
推荐指数
1
解决办法
4304
查看次数

扩展视图时如何附加classNames/attributes

var MyView1 = Marionette.ItemView.extend({
   className: "MyView1",
   attributes: { 'data-view': 'MyView1' }
});


var MyView2 = MyView1.extend({
   className: "MyView2",
   attributes: { 'data-view': 'MyView2' }
});
Run Code Online (Sandbox Code Playgroud)

MyView1是<div class="MyView1" data-view="MyView1">
MyView2<div class="MyView2" data-view="MyView2">

如何制作MyView2 =
<div class="MyView1 MyView2" data-xxx="MyView1" data-yyy="MyView2">

如果不可能,这也没关系
MyView1 = <div class="MyView1" data-view="MyView1"
MyView2 = <div class="MyView1" data-view="MyView1" data-another-attrib="MyView2">

backbone.js marionette

0
推荐指数
1
解决办法
2177
查看次数

标签 统计

css ×2

backbone.js ×1

compass-sass ×1

css3 ×1

flexbox ×1

git ×1

html ×1

marionette ×1

rsync ×1