我有两个div元素并排.当我将鼠标移到第一个并激活它时,下一个奇怪地摇动.看到这里:http://jsfiddle.net/YqZSv/1/我注意到它只发生在填充和边框时.如果我用边距替换边框,则"摇动"效果会停止.
HTML
<div class='a'></div>
<div class='b'></div>
Run Code Online (Sandbox Code Playgroud)
CSS
.a {
width: 80px;
height: 80px;
padding: 10px;
border: 0px solid yellow;
background-color: red;
display: inline-block
}
.b {
width: 100px;
height: 100px;
background-color: blue;
display: inline-block;
margin-left: 20px;
}
Run Code Online (Sandbox Code Playgroud)
jQuery的
$('.a').mouseenter(function(){
$(this).animate({
'padding': 0,
'borderWidth': 10
});
}).mouseleave(function(){
$(this).animate({
'padding': 10,
'borderWidth': 0
});
});
Run Code Online (Sandbox Code Playgroud)
我不能使用边距而不是边框,因为我使用带边框原点的背景图像,所以我不希望它与其内容一起移动.
有帮助吗?
我已经看到许多 dockerfiles 在 RUN 语句中包含所有构建步骤,例如:
RUN echo "Hello" &&
cd /tmp &&
mv a.txt b.txt &&
...
and so on...
Run Code Online (Sandbox Code Playgroud)
我的问题是:用单个 bash 脚本替换这些指令有什么好处/缺点,该脚本为我提供突出显示语法、循环功能等?就像是:
COPY ./script.sh /tmp
RUN bash /tmp/script.sh
Run Code Online (Sandbox Code Playgroud)
进而
RUN echo "Hello" &&
cd /tmp &&
mv a.txt b.txt &&
...
and so on...
Run Code Online (Sandbox Code Playgroud)
谢谢!