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 閱讀(1542) 評論(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>
            回復  更多評論