<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          赫蹏中文排版樣式增強(qiáng)

          聯(lián)合創(chuàng)作 · 2023-09-23 23:03

          赫蹏(hètí)是專為中文內(nèi)容展示設(shè)計(jì)的排版樣式增強(qiáng)。它基于通行的中文排版規(guī)范而來,可以為網(wǎng)站的讀者帶來更好的文章閱讀體驗(yàn)。

          預(yù)覽:https://sivan.github.io/heti/

          主要特性:

          • 貼合網(wǎng)格的排版;
          • 全標(biāo)簽樣式美化;
          • 預(yù)置古文、詩詞樣式;
          • 預(yù)置多種排版樣式(行間注、多欄、豎排等);
          • 多種預(yù)設(shè)字體族(僅限桌面端);
          • 簡/繁體中文支持;
          • 自適應(yīng)黑暗模式;
          • 中西文混排美化,不再手敲空格??(基于 JavaScript 腳本);
          • 全角標(biāo)點(diǎn)擠壓(基于 JavaScript 腳本);
          • 兼容 normalize.css、CSS Reset 等常見樣式重置;
          • 移動(dòng)端支持;
          • ……

          使用方法

          1. 在頁面的 <head> 標(biāo)簽中引入 heti.css 文件:
            <link rel="stylesheet" >
            
          2. 在要作用的容器元素上增加 class="heti" 的類名即可:
            <article class="entry heti">
              <h1>我的世界觀</h1>
              <p>有錢人的生活就是這么樸實(shí)無華,且枯燥</p>
              ……
            </article>
            
          3. 使用增強(qiáng)腳本(可選):
            <script src="http://unpkg.com/heti/umd/heti-addon.min.js"></script>
            <script>
              const heti = new Heti('.heti');
              heti.autoSpacing(); // 自動(dòng)進(jìn)行中西文混排美化和標(biāo)點(diǎn)擠壓
            </script>
            

          開發(fā)中

          • 自適應(yīng)黑暗模式

          • 標(biāo)點(diǎn)擠壓

          • 中、西文混排

          • 繁體中文支持

          • 詩詞版式

          • 行間注版式

          瀏覽 13
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報(bào)
          評論
          圖片
          表情
          推薦
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  亚洲人射精视频 | 91麻豆福利视频 | 91AV电影在线 | 色色五月天网站 | 西西黄色网址 |