使用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的行号段落

回答

相关问题