littleQ

终于明白曾经他们失落的目光，当年的你们是否一样；间有懈怠或有颓放，难知多久方能补上；今起，不再彷徨！
  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  33 Posts :: 0 Stories :: 60 Comments :: 0 Trackbacks
分享两个简单的页面开发技巧
1.td的折断换行显示
比如现在有<td style="width:30px">abcdabcdabcdabcdabcd</td>，由于是英文，是不会自动折断换行的。当然你强制的写成<td style="width:30px">abcdabc</br>dabcdabcdabcd</td>的话……
这时候，你就需要word-wrap:break-word;word-break:break-all;
<td style="width:30px;word-wrap:break-word;word-break:break-all;">abcdabcdabcdabcdabcd</td>
搞定。

2.table的row颜色交替显示
这个有很多方法，用js控制，css控制，很多很多方法，google一下一大把。我常用的就是一句话：
TABLE.result TR{background-color:expression((this.sectionRowIndex%2==0)?"#B1D7E3":"#E3F2FE");height:23px;}
指定table的class即可。
posted on 2008-09-25 14:48 littleQ 阅读(1520) 评论(9)  编辑  收藏 所属分类: java

Feedback

# re: 分享两个简单的页面开发技巧 2008-09-25 15:13 隔叶黄莺
样式表里写 expression 表达有时候会非常影响显示的性能。  回复  更多评论
  

# re: 分享两个简单的页面开发技巧 2008-09-25 19:28 sclsch
指定table的class 如何指定css  回复  更多评论
  

# re: 分享两个简单的页面开发技巧 2008-09-25 19:28 sclsch
指定table的class 如何指定css  回复  更多评论
  

# re: 分享两个简单的页面开发技巧[未登录] 2008-09-25 19:36 littleq
@sclsch
<table class="result"></table>。这样就可以了，试一下~  回复  更多评论
  

# re: 分享两个简单的页面开发技巧 2008-09-25 20:51 sclsch
<style>
TABLE.result TR{}{background-color:expression((this.sectionRowIndex%2==0)?"#B1D7E3":"#E3F2FE");height:23px;}
</style>

<table border = '1' class='result'>

是这样吗？  回复  更多评论
  

# re: 分享两个简单的页面开发技巧[未登录] 2008-09-25 21:07 littleq
@sclsch
恩，这样可以的，不过table的border=1去掉的话更好看一些  回复  更多评论
  

# re: 分享两个简单的页面开发技巧[未登录] 2008-09-25 21:21 littleq
@sclsch
<style>最好再加个type吧
<style type="text/css"></style>  回复  更多评论
  

# re: 分享两个简单的页面开发技巧 2008-09-29 04:13 sclsch
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
TABLE.result TR{}{background-color:expression((this.sectionRowIndex%2==0)?"#B1D7E3":"#E3F2FE");height:23px;}
</style>
</head>
<BODY>
<table border="1" class="result"></style>
<tr><td>dddddddd</td><tr>
<tr><td>dddddddddd</td><tr>
</table>
</BODY>
</HTML>
没有效果啊。你试试  回复  更多评论
  

# re: 分享两个简单的页面开发技巧[未登录] 2008-09-29 08:01 littleq
@sclsch
TABLE.result TR{},多了两个括号
<table border="1" class="result"></style>，最后的</style>去掉
而且你table里的内容好像有问题，都是显示同一个颜色。你换成我的：
<table class="result">
<tr><td>123</td></tr>
<tr><td>456</td></tr>
</table>
  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: