原来这些代码旁边的数字是Li

　　有些东西，看似简单，其实用也非常简单，你知道有这么一个东西，可以真正用时你就想想不到它，大家都曾有同感吧。 

       之前曾经跟同事讨论过，Java eye的代码的代码行数显示功能很强悍，但从代码上又找不到相应的样式，在网站的Javascript中也看不到有可疑的实现，但是今天却无意中发现，原来那只是HTML的基本标答<ul> + <li>，差点没把自己给气死，不过也可以称之为踏破铁鞋无觅处，得来全不费功夫啊，在此有感了。

       请看如下HTML代码

<OL>
 <LI>
  <SPAN>
   <SPAN>
    <STRONG>
     <FONT color=#7f0055>import</FONT>
    </STRONG>
   </SPAN>
   <SPAN> jxl.*;   </SPAN>
  </SPAN>
 </LI>
 <LI>
  <SPAN></SPAN>
  <SPAN>
   <STRONG>
    <FONT color=#7f0055>import</FONT>
   </STRONG>
  </SPAN>
  <SPAN> jxl.write.*;   </SPAN></SPAN>
 </LI>
 <LI>
  <SPAN></SPAN>
  <SPAN>
   <STRONG>
    <FONT color=#7f0055>import</FONT>
   </STRONG>
  </SPAN>
  <SPAN> java.io.*;   </SPAN></SPAN>
 </LI>
</OL>

 

       效果如下：

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

1. import  jxl.*;   
2. import  jxl.write.*;   
3. import  java.io.*;   

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

怎么样，似模似样吧，把代码写多点，看起来就真的很IDE了，再加点额外的样式，看起来就爽很多了，其实实现就是一个简单了得，就是用了有序列表<ol>的特性，一行代码就用一个<li>包着，关键字用<font>，换个颜色就行，不过如果用<span> + class也可以实现，看你怎么用吧。

 

以后如果要做实现显示行数的应用，就别傻着想怎么写程序去添加数字了，己经有非常EASY的实现方案了，还用得着浪费这宝贵的青春？