如何使用calc()来确定 的角度值transform:rotate()？
该
calc()CSS功能可以在任何地方使用<length>，<frequency>，<angle>，<time>，<number>，或者<integer>是必需的。使用calc()，您可以执行计算以确定 CSS 属性值。
但是，calc()用于创建角度值transform:rotate()对我不起作用。
这个博客的建议不起作用-- transform: rotate(calc(1turn - 32deg));，也没有calc()以这种方式使用的类似操作变体。
请参阅此代码笔进行验证- 只有第五个<div>按预期旋转并且不calc()用于确定角度。
这是 codepen 中显示的主要代码：
div {
height: 200px;
width: 200px;
background-color: red;
}
.one {
transform: rotate(calc(1turn - 32deg));
}
.two {
transform: …为什么将两个 CSS Grid 列显式设置为 50%，每个列会创建超出视口宽度 100% 的水平滚动？
基本上，当网格设置为以下 css 时，它会生成一个两列布局，没有超出视口宽度的强制水平滚动：
.grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: 50%;
grid-template-areas: 'item item';
}
当grid-template-columns更改为显式设置两个列宽时，结果是带有水平滚动条的两列布局：
.grid {
grid-template-columns: 50% 50%;
}
为什么水平滚动出现在第二个上下文中，而不是第一个？
编辑：<aside>我似乎记得 flexbox 的行为方式类似</aside>
.grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: 50%;
grid-template-areas: 'item item';
}
.grid {
grid-template-columns: 50% 50%;
}
我有一个关于使用我的snippets.json扩展中的自定义缩写缩进并在启动html5文档中插入额外空行的问题.
我的自定义缩写如下所示:
"doc": "html[lang=${locale}]>(head>meta[charset=UTF-8]+title{${1:PageTitle}}+link:css)+(body>(header+main+footer)"
上面的缩写产生以下启动html:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header></header>
<main></main>
<footer></footer>
</body>
</html>
我想之间缩进所有<html>标签多了一个层次,而后面插入一个空行<html lang="en-US">,</head>,</header>,</main>,</footer>,和</html>标签.
谁能提供解决方案？
当我将我的身份验证令牌硬编码到我的 .npmrc 文件中时，私有模块会按预期安装。
当我用环境变量替换硬编码令牌时，私有模块无法安装。
由于以下资源，我尝试了多种编写变量名称的方法，以及 .npmrc 文件中变量的语法：
示例 .npmrc 文件：
@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=$NPM_TOKEN
@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=${NPM_TOKEN}
@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=${npm_token}
@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=$npm_token
并且，示例 .env 文件，在值周围带有和不带有字符串：
npm_config_npm_token=ABC123
npm_token=ABC123
NPM_CONFIG_NPM_TOKEN=ABC123
NPM_TOKEN=ABC123
没有任何效果。
有什么线索吗？
编辑
我正在使用 npm v6.9.0。
尽管违反直觉，但可以使用点表示法创建 JavaScript 数组“属性”：
const arr = [];
arr.dot = "notation";
console.log(arr.dot); // "notation"
很奇怪，但是还好。然而，数组的长度仍然为 0：
const arr = [];
arr.dot = "notation";
console.log(arr.dot); // "notation"
console.log(arr.length); // 0
两个问题：
css ×2
abbreviation ×1
arrays ×1
calc ×1
css-grid ×1
emmet ×1
javascript ×1
layout ×1
node.js ×1
npm ×1
rotation ×1
sublimetext2 ×1