CSS

符号的含义

~ (tilde)

Subsequent-sibling combinator（之后的所有 sibling）

+ (plus)

Next-sibling combinator（紧挨着的下一个 sibling）

笔记

增加 br 行间的高度

实际上 br 没有高度，但可通过更改 line-height 的值来实现。

在 body 中居中一个 div

html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.container {
  height: 100%;
  width: 100%;
  display: table;
}
.main {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

<div class="container">
  <div class="main">
    Stuff
  </div>
</div>