Question

要显示包含行号的行，我将为每行使用以下模板：

<div><span style="display: inline-block;width: 50px;">1</span><span>line1</span></div>
<div><span style="display: inline-block;width: 50px;">2</span><span>line2</span></div>

这个解决方案的问题是，当我通过鼠标选择时，我也得到了行号。你可以让我知道更改上面的代码，以便只有line1＆amp;将选择第2行并将其复制到剪贴板。

我可以使用CSS / HTML来实现，还是需要更高级的方法（js / jquery）？

问候，M。

Answer 1

简单的HTML / CSS即可。请参阅以下链接： - 学习清单： - http://www.w3schools.com/html/html_lists.asp

另外例如，请参阅下面给出的代码： -

<div>
    <table>
        <tr>
            <td><ul style="list-style-type:none">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
                <td><ul style="list-style-type:none">
  <li>line1</li>
  <li>line2</li>
  <li>line3</li>
</ul>
        </tr>              
    </table>

</div>

的jsfiddle： - https://jsfiddle.net/vo67pudL/

使用未选择/复制的行号生成代码

1 个答案: