Typography ​

注意：Emmet 不支持中括号

Text Align ​

Inspired by Github Markdown Extension.

ClassCSS
[:-]text-align: start
[--]text-align: center
[-:]text-align: end
html
<div class="[:-]">[:-]</div>
<div class="[--]">[--]</div>
<div class="[-:]">[-:]</div>
[:-]
[--]
[-:]

Text Overflow ​

ClassCSS
[...]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.