如何使 div 的间距相等,不仅在彼此之间均匀分布,而且在容器的两侧也均匀分布。
我想在纯/常规CSS中重新创建flexbox的“合理”+“空间周围”和“环绕”功能。
如下所示(使用手柄缩小):
.flex-container {
display: flex;
justify-content: space-around;
background-color: DodgerBlue;
flex-wrap: wrap;
}
.flex-container>div {
background-color: #f1f1f1;
width: 100px;
margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px;
}
.resize {
resize: both;
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
<body>
<div class="flex-container resize">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>
<p>A container with the justify-content property set to <em>space-around</em> will display its items with the equal amount of space around them.</p>
</body>
Run Code Online (Sandbox Code Playgroud)
我最接近的尝试可以在这里找到:问题:容器两侧的间距不相等。(使用手柄收缩):
.my-nonflex-container {
width: 100%;
display: inline-block; …
Run Code Online (Sandbox Code Playgroud)我在数组中有字符串,需要删除包含字符串的条目。但也删除部分匹配。
var rawData = ["foo", "bar", "foobar", "barbaz", "boo" ]
var unwantedData = ["foo","baz"]
var cleanData = filter(rawData,unwantedData)
console.log(cleanData)
>>>["bar","boo"]
Run Code Online (Sandbox Code Playgroud)
我目前的解决方案如下:
function filter(data,filterArray){
return data.filter(rawEntry => {
var t = true; // set to false if index is found
filterArray.forEach(unwantedStr => { t = t && ~rawEntry.indexOf(unwantedStr) ? false : t });
return t; //decides if entry gets removed by filter
});
}
Run Code Online (Sandbox Code Playgroud)
但我觉得可能有更好的方法来做到这一点。这在计算上可能不是最有效的方式。
我试图检查是否已创建文件夹如果不创建文件夹
IF NOT EXIST dist\\js (MKDIR dist\\js)
Run Code Online (Sandbox Code Playgroud)
然后无论它是否创建了我想要运行的文件夹
& uglifyjs dev/*.js -m -o dist/js/app.js
Run Code Online (Sandbox Code Playgroud)
现在似乎&不起作用.如果文件夹存在,则不执行第二个命令.
如果我使用以下作为我的第一个声明:
IF NOT EXIST dist\\js (MKDIR dist\\js) ELSE (Echo exist)
Run Code Online (Sandbox Code Playgroud)
第一次我把两个一起运行,如:
IF NOT EXIST dist\\js (MKDIR dist\\js) ELSE (Echo hate) & echo Love & uglifyjs dev/*.js -m -o dist/js/app.js
Run Code Online (Sandbox Code Playgroud)
文件夹被创建但是没有创建app.js文件.只有当我再次运行该命令时,它才会创建app.js文件.
现在我如何最好检查是否有一个文件夹,然后继续下一个命令.