1. 首页
  2. 卡片 Card
  3. card-artic 文章卡

卡片 · card-artic 文章卡

文章专属卡片:Courier 等线字体 + 顶部虚线分隔 + 最小高度,适合排版富文本文章;配套 artic-code / artic-codeline 深色代码条。

文章卡基础

文章正文排版容器:等线字体、宽松行高、自动断词;序号与空格不受影响。顶部以虚线与上文相隔,适合正文流中的文章块。
<div class="card card-artic"> <div class="card-body">文章正文内容</div> </div>

artic-code 代码条

<div class="card card-artic"> 文章示例
<div class="card card-artic"> <div class="card-body"> <div class="artic-codeline">&lt;div&gt; 代码行内容</div> </div> </div>
提示: 富文本/电子报类排版用 card-artic;通用代码示例展示仍优先 card-code(见 E 批)。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页