要求
听起来很难描述.演示中的粉红色框是我想要的外观.绿色框已经很好了,只是我不知道如何处理多个子元素.
我认为解决方案可能是以下的组合,但我无法做到.
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)我有这个指南针错误
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) 悬停时放大图像很容易。
图像圆形边框很容易。
将它们组合起来,可以,但是圆角在过渡过程中会消失。
过渡后,圆角又回来了。
问:过渡时如何保留圆角?
.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) git merge
合并从另一个分支到当前分支.
可以从当前分支合并到另一个分支,并保留在当前分支中?
当然,以下是可能的,但有三个步骤.
(on brancha)
git checkout master
git merge brancha
git checkout brancha
Run Code Online (Sandbox Code Playgroud) 我只想包含名为 的目录*cache*
及其下的所有文件和子目录。
\n怎么写rync --include --exclude
?
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) 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">
css ×2
backbone.js ×1
compass-sass ×1
css3 ×1
flexbox ×1
git ×1
html ×1
marionette ×1
rsync ×1