在段落中添加行号

时间:2015-06-24 08:32:23

标签: javascript html css html5 mustache

我正在开发一个Web应用程序,我必须打印一个段落,每5行根据行号编号

    I am living in New Jersey
2   who like to study music 
    create new applications
4   which can help others.

我无法为此编写html / css代码。

我正在使用ajax请求逐行提取段落数据而Mustache.js用于呈现数据

2 个答案:

答案 0 :(得分:0)

我们需要更多上下文。主要是您正在处理的HTML结构 最重要的是,了解您的<p>代码和结构,如何完成换行(<br/>?)可能会很有趣 这个答案有点快脏,但工作。
好处是没有必要为每一行添加<p>标记(因为这没有多大意义)。
不好的是,它没有任何理由使用<li>标记,也没有<ul>父项,除非通过css自动添加数字

所以,请不要将此答案视为最终解决方案,而只是作为一个开始

HTML

<p>
    <li>I am living in New Jersey</li><br/>
    <li>who like to study music</li><br/>
    <li>create new applications</li><br/>
    <li>which can help others.</li><br/>
</p>


CSS

li:nth-of-type(even) {
    list-style-type: decimal;
}
li:nth-of-type(odd) {
    list-style-type: none;
    padding-left: 1em;
}

答案 1 :(得分:-1)

检查出这个http://jsfiddle.net/elviz/8necedtu/1/

         p:nth-child(odd) span {
           display:none;
               }