方案一：按回车换行符 对字符串行依次进行截断，并在行前加行号数字。
方案二：将回车换行符替换为<li>、<ol>等列表标签，再在CSS将相应规则定为有序号列表模式。
至于关键字高亮，只需使用正则匹配后将该关键字加个标签，再在CSS里设置高亮的规则即可。
每一行行首显示行号。Less是一门CSS预处理语言，它扩充了CSS语言，增加了诸如变量、混合（mixin）、函数等功能，less-n的功能是每一行行首显示行号，让CSS更易维护、方便制作主题、扩充。Less可以运行在Node或浏览器端。css控制table单双行的方法是获取到行号。<style type="text/css">
#tb tr {
background-color: expression(
this.sectionRowIndex % 2 == 0 ? "#fff" : "#efefef"
)
TableSelect: expression(
this.sectionRowIndex == 0 ? "" :
(
onmouseover = function()
{
this.style.backgroundColor="#69CDFF"
},
onmouseout = function()
{
var color
if(this.sectionRowIndex % 2 == 0){
color = "#fff"
} else {
color = "#efefef"
}
this.style.backgroundColor=color
}
)
)
}
</style>
table如下：
<body>
<table cellspacing="1" class="FindAreaTable1" ID="DataGrid1">
<tr>
<td>首行首列</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
</tr>
<tr>
<td>行1首列</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
</tr>
<tr>
<td>行2首列</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
</tr>
<tr>
<td>行3首列</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
</tr>
<tr>
<td>行4首列</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
</tr>
<tr>
<td>行5首列</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
</tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）