“CSS”的版本间的差异
跳到导航
跳到搜索
增加
在
| 第1行： | 第1行： | ||
[[Category:Frontend]] | [[Category:Frontend]] | ||
| + | == 符号的含义 == | ||
| + | |||
| + | ;<code>~</code>: Subsequent-sibling combinator（之后的所有 sibling） <ref>https://www.w3.org/TR/selectors-4/#general-sibling-combinators</ref> | ||
| + | ;<code>+</code>: Next-sibling combinator（紧挨着的下一个 sibling） <ref>https://www.w3.org/TR/selectors-4/#adjacent-sibling-combinators</ref> | ||
| + | |||
== 笔记 == | == 笔记 == | ||
2021年8月19日 (四) 08:06的版本
符号的含义
笔记
增加 br 行间的高度
实际上 br 没有高度，但可通过更改 line-height 的值来实现。[3]
在 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>