使用css的行號段落

-1

我有寫過長段落的壞習慣。作爲一種幫助自己可視化地掃描我的文檔並找出需要分解的段落的方式，我想用某種方法在段落旁邊添加行號。純粹的CSS會很整潔，但是因爲這僅僅適用於我，所以JS也很好。用自己的標籤包裝每一行不是一個選項：這是一個不斷變化的文檔。獎勵積分：每5號線號碼或東西。希望我的措辭很清楚。如果沒有，我可以澄清。使用css的行號段落

（在一個不相關的注意事項：在一個段落多久可以得到它太長了之前的任何意見？）

編輯：好的，根據該意見，到目前爲止，我已經得到了答案，看來我毫無希望地不清楚。讓我們再試一次。假設我有兩個段落。第一段是十行，用當前字體，瀏覽器寬度等。第二段非常短，只有三行。然後我想要第一段旁邊的數字1到10以及第二段旁邊的數字1到3。合理？

來源

2017-01-02 Mark VY

你是否期待這樣的結果https://codepen.io/elomatreb/pen/hbgxp – user7357089

不知道你正在尋找什麼

如果你正在尋找數與CSS，你可以使用CSS-櫃檯

檢查這個片段做p標籤

.container { 
 
    counter-reset: pcount; 
 
} 
 
p::before { 
 
    content: counter(pcount) "):"; 
 
    counter-increment: pcount; 
 
}

<div class="container"> 
 
    <p>This is p</p> 
 
    <p>This is p</p> 
 
    <p>This is p</p> 
 
    <p>This is p >This is p >This is p >This is p >This is p >This is p >This is p >This is p >This is p</p> 
 
    <p>This is p</p> 
 
</div>

希望這會有幫助

來源

2017-01-02 05:59:09 Geeky

瀏覽器支持計數器：http://caniuse.com/#feat=css-counters，incase任何人都在尋找它 –

使用css的行號段落

回答

相關問題