小编Rya*_*yan的帖子

为什么基本<button>元素的文本内容是垂直居中的？在检查器中查看按钮的样式后,我无法确定哪个CSS属性对此负责.

button {
  width: 200px;
  height: 100px;
  text-align: left;
}

<button>lorem ipsum</button>

说我有这个基本rollup.config.js文件。

export default {\n    input: 'src/main.js',\n    output: {\n        format: 'iife',\n        file: 'dist/bundle.js',\n    }\n};\n

我希望输出文件的文件名中有其哈希值（例如bundle-9f02a82b.js）。据我从文档中可以看出，执行此操作的正确方法是使用options.entryFileNames. 但是，该设置在输出到时似乎没有任何效果options.file。

我在网上看到有人提到你可以[hash]使用output.file使用，但这似乎并不实际工作。

export default {\n    input: 'src/main.js',\n    output: {\n        format: 'iife',\n        file: 'dist/bundle-[hash].js', // this doesn\xe2\x80\x99t work\n    },\n};\n

struct someStruct {
    var foo: String?
    var bar: String?
}

var someOptional: someStruct? = someStruct()

someOptional?.bar = someOptional?.foo

此代码在最后一行上导致以下错误。

对“ someOptional”的访问重叠，但修改需要排他访问；考虑复制到局部变量

如果我用以下内容替换最后一行，则程序将按预期工作。

let foo = someOptional?.foo
someOptional?.bar = foo

为什么第一个示例会导致错误，为什么备用版本（我认为是相同的）却不会呢？

我有一个元素，visibility: hidden直到悬停在上面，在不透明度上进行过渡以获得漂亮的淡入淡出。问题是淡入淡出只能以一种方式起作用，因为当元素立即变为visibility: hidden隐藏不透明度过渡时。我该如何解决这个问题？

编辑：要清楚，重要的是元素visibility: hidden在悬停激活之前具有。元素opacity: 0可以交互，而元素visibility: hidden不能。

下面举例。注意弹出窗口是如何淡入而不是淡出的。

.hover {
  display: inline-block;
  position: relative;
}

.label {
  width: 80px;
  border: 1px solid black;
  padding: 20px;
}

.popup {
  width: 90px;
  padding: 15px;
  position: absolute;
  top: 100%;
  border: 1px dashed black;
  cursor: pointer;
  
  visibility: hidden;
  opacity: 0;
  transition: opacity 3s;
}

.hover:hover .popup {
  visibility: visible;
  opacity: 1;
}

<div class="hover">
  <div class="label">Hover me</div>
  <div class="popup">I am only visible on hover</div> …