“CSS”的版本间的差异
跳到导航
跳到搜索
增加
在
| 第2行： | 第2行： | ||
== 符号的含义 == | == 符号的含义 == | ||
| − | ;<code>~</code>: Subsequent-sibling combinator（之后的所有 sibling） <ref>https://www.w3.org/TR/selectors-4/#general-sibling-combinators</ref> | + | ;<code>~</code> (tilde): 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> | + | ;<code>+</code> (plus): Next-sibling combinator（紧挨着的下一个 sibling） <ref>https://www.w3.org/TR/selectors-4/#adjacent-sibling-combinators</ref> |
== 笔记 == | == 笔记 == | ||
2021年8月19日 (四) 08:07的版本
符号的含义
~(tilde)- Subsequent-sibling combinator（之后的所有 sibling） [1]
+(plus)- Next-sibling combinator（紧挨着的下一个 sibling） [2]
笔记
增加 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>