Typography
注意:Emmet
不支持中括号
Text Align
Inspired by Github Markdown Extension.
Class | CSS |
---|---|
[:-] | text-align: start |
[--] | text-align: center |
[-:] | text-align: end |
html
<div class="[:-]">[:-]</div>
<div class="[--]">[--]</div>
<div class="[-:]">[-:]</div>
[:-]
[--]
[-:]
Text Overflow
Class | CSS |
---|---|
[...] | overflow: hidden; text-overflow: ellipsis; white-space: nowrap; |
html
<div class="(///)" style="width: 50px">
<div>Lorem ipsum.</div>
<div class="[...] 🦄">Lorem ipsum.</div>
</div>
Lorem ipsum.
Lorem ipsum.
需要括号的一个原因是因为直接打点会触发 volar css 代码提示。
确保目标是块容器才能设置 overflow
属性。
CSS
overflow
Applies to Block-containers, flex containers, and grid containers.