CSS,如何在表格 行之间插入一行 本文转载自  qq860  查看原文  2013-04-25  14    div/ css/

时间:2022-06-05 06:16:58
由于程序原因,现需要像下面例子一样, 能在上<tr>与下一行的<tr> 之间,插入一行<div>,DIV不能圈在tr和td内。

<table>
<tr><td>内容1</td></tr>
<div><ul><li>这里插入内容保持布局不变</li></ul></div>
<tr><td>内容3</td></tr>
</table>



直接这样写,div里面的内容 会跑到 <table>之前,有没什么方法可以实现这样写,又保持布局不变,DIV在两行tr的中间?求赐教。。

7 个解决方案

#1


首先不能插入  违反html结构

其次没看出中间的  div>ul>li放在 tr>td里对你现在有什么影响

最后你可以成上下2个table  中间 弄个div

#2


楼主不是瞎搞吗。。div又不是table的子元素。。直接插入tr不就行了

#3


你可以试试合并单元格,或做成两个表,或不用表格,全用div模拟。

#4


你这程序需要真是够奇葩的。。。。

#5


楼主的意思是要<div><ul><li>这里插入内容保持布局不变</li></ul></div>在两行之间,但又不在表格内,还是要在表格内呢?

#6


CSS,如何在表格 行之间插入一行
			      
			      
			      
			      
			      
			      
			         本文转载自
			      
			       qq860
			       查看原文
			      
			       2013-04-25
			       14 
                  
                      
                     
                     
                     
                     div/
                                          
                     
                     css/
                                          
                     
                     表格/
                                          
                     
                     布局/
                                          
                     
                     如何/
                                          
                     
                     
                     插入                     
                     
                  
			        
			          
				        
				      
			      
			      
			          
						
						     (adsbygoogle = window.adsbygoogle || []).push({});
 						
                 
                        
                        
                            由于程序原因,现需要像下面例子一样, 能在上<tr>与下一行的<tr> 之间,插入一行<div>,DIV不能圈在tr和td内。 
 <table> 
 <tr><td>内容1</td></tr> 
 <div><ul><li>这里插入内容保持布局不变</li></ul></div> 
 <tr><td>内容3</td></tr> 
 </table> 
 直接这样写,div里面的内容 会跑到 <table>之前,有没什么方法可以实现这样写,又保持布局不变,DIV在两行tr的中间?求赐教。。 

     (adsbygoogle = window.adsbygoogle || []).push({});7 个解决方案
                           
                           
							  
							    #1
							    
							      首先不能插入  违反html结构 
 其次没看出中间的  div>ul>li放在 tr>td里对你现在有什么影响 
 最后你可以成上下2个table  中间 弄个div
							     
							                          
                           
							  
							    #2
							    
							      楼主不是瞎搞吗。。div又不是table的子元素。。直接插入tr不就行了
							     
							                          
                           
							  
							    #3
							    
							      你可以试试合并单元格,或做成两个表,或不用表格,全用div模拟。
							     
							                          
                           
							  
							    #4
							    
							      你这程序需要真是够奇葩的。。。。
							     
							                          
                           
							  
							    #5
							    
							      楼主的意思是要<div><ul><li>这里插入内容保持布局不变</li></ul></div>在两行之间,但又不在表格内,还是要在表格内呢?
							     
							                          
                           
							  
							    #6
							    
							      
直接搞成两个table不就行了
							     
							                          
                           
							  
							    #7
							    
							      这样是不可以的,用两个table吧
							     
							                          
                           
                        
                 
               
				
				     (adsbygoogle = window.adsbygoogle || []).push({});
				
			     
			     		     
			     
			         
		              ×
		              注意!
		              
		              
		                 
		                 
		                 本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。
		                 
		              
		            	
		            
		          
		          
			          
				          
					      timeout_show();
					      			
			
			
			  
			   
			   
			   
			       
			           css 怎样给tr 与tr 之间(即行与行之间)加上一道虚线
			       
			       			       
			   
			       
			           求一SQL语句:如何在特定的两行之间插入一行数据,在线等
			       
			       			       
			   
			       
			           如何动态在表格(table)中插入复杂的表格行(tr)?
			       
			       			       
			   
			       
			           如何在现有表格后面添加一行?
			       
			       			       
			   
			       
			           如何根据表格中的id 来删除这一行?
			       
			       			       
			   
			       
			           如何在datatable中插入一行?
			       
			       			       
			   
			       
			           如何在VSFLEXGRID的中间插入一行呀?
			       
			       			       
			   
			       
			           请问div和p如何在一行显示啊
			       
			       			       
			   
			       
			           jquery操作表格,怎么删掉除第一行和最后一行之外的tr?
			       
			       			       
			   
			       
			           clone一行div tr 每次增量赋值
			       
			       			       
			   
			   

			   
				
				
				
				  .itdaan_shufu { width:300px;height:600px }
				  @media (max-width: 600px) { .itdaan_shufu { display: none; } }
				
				
				     (adsbygoogle = window.adsbygoogle || []).push({});
				
			
			
		
	
     
    


	
	
	
		粤ICP备14056181号  © 2014-2021 ITdaan.com  
	



  
    ×
    收藏本文
  
  
     添加到收藏夹 *
    
    
     
  
  
    关闭确定
  


 globle_all_pc();

   function buffer(a, b, c) {
	    var d;
	    return function() {
	        if (d) return;
	        d = setTimeout(function() {
	            a.call(this),
	            d = undefined
	        },
	        b)
	    }
	} 

	(function() {
	    function e() {
	        var d = document.body.scrollTop || document.documentElement.scrollTop;
	        d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1"
	    }
	    var a = document.getElementById("float");
	    if (a == undefined) return ! 1;
	    var b = 0,
	    c, d = a;
	    while (d) b += d.offsetTop,
	    d = d.offsetParent;
	    c = window.ActiveXObject && !window.XMLHttpRequest;
	    if (!c || !0) window.onscroll = buffer(e, 50, this)
	})(); 


 
 
 var _hmt = _hmt || [];
 (function() {
   var hm = document.createElement("script");
   hm.src = "https://hm.baidu.com/hm.js?b08728447e2a1a7388d5639bd2a14595";
   var s = document.getElementsByTagName("script")[0];
   s.parentNode.insertBefore(hm, s);
 })();
 
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-143082825-1');直接搞成两个table不就行了

#7


这样是不可以的,用两个table吧

#1


首先不能插入  违反html结构

其次没看出中间的  div>ul>li放在 tr>td里对你现在有什么影响

最后你可以成上下2个table  中间 弄个div

#2


楼主不是瞎搞吗。。div又不是table的子元素。。直接插入tr不就行了

#3


你可以试试合并单元格,或做成两个表,或不用表格,全用div模拟。

#4


你这程序需要真是够奇葩的。。。。

#5


楼主的意思是要<div><ul><li>这里插入内容保持布局不变</li></ul></div>在两行之间,但又不在表格内,还是要在表格内呢?

#6


CSS,如何在表格 行之间插入一行
			      
			      
			      
			      
			      
			      
			         本文转载自
			      
			       qq860
			       查看原文
			      
			       2013-04-25
			       14 
                  
                      
                     
                     
                     
                     div/
                                          
                     
                     css/
                                          
                     
                     表格/
                                          
                     
                     布局/
                                          
                     
                     如何/
                                          
                     
                     
                     插入                     
                     
                  
			        
			          
				        
				      
			      
			      
			          
						
						     (adsbygoogle = window.adsbygoogle || []).push({});
 						
                 
                        
                        
                            由于程序原因,现需要像下面例子一样, 能在上<tr>与下一行的<tr> 之间,插入一行<div>,DIV不能圈在tr和td内。 
 <table> 
 <tr><td>内容1</td></tr> 
 <div><ul><li>这里插入内容保持布局不变</li></ul></div> 
 <tr><td>内容3</td></tr> 
 </table> 
 直接这样写,div里面的内容 会跑到 <table>之前,有没什么方法可以实现这样写,又保持布局不变,DIV在两行tr的中间?求赐教。。 

     (adsbygoogle = window.adsbygoogle || []).push({});7 个解决方案
                           
                           
							  
							    #1
							    
							      首先不能插入  违反html结构 
 其次没看出中间的  div>ul>li放在 tr>td里对你现在有什么影响 
 最后你可以成上下2个table  中间 弄个div
							     
							                          
                           
							  
							    #2
							    
							      楼主不是瞎搞吗。。div又不是table的子元素。。直接插入tr不就行了
							     
							                          
                           
							  
							    #3
							    
							      你可以试试合并单元格,或做成两个表,或不用表格,全用div模拟。
							     
							                          
                           
							  
							    #4
							    
							      你这程序需要真是够奇葩的。。。。
							     
							                          
                           
							  
							    #5
							    
							      楼主的意思是要<div><ul><li>这里插入内容保持布局不变</li></ul></div>在两行之间,但又不在表格内,还是要在表格内呢?
							     
							                          
                           
							  
							    #6
							    
							      
直接搞成两个table不就行了
							     
							                          
                           
							  
							    #7
							    
							      这样是不可以的,用两个table吧
							     
							                          
                           
                        
                 
               
				
				     (adsbygoogle = window.adsbygoogle || []).push({});
				
			     
			     		     
			     
			         
		              ×
		              注意!
		              
		              
		                 
		                 
		                 本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。
		                 
		              
		            	
		            
		          
		          
			          
				          
					      timeout_show();
					      			
			
			
			  
			   
			   
			   
			       
			           css 怎样给tr 与tr 之间(即行与行之间)加上一道虚线
			       
			       			       
			   
			       
			           求一SQL语句:如何在特定的两行之间插入一行数据,在线等
			       
			       			       
			   
			       
			           如何动态在表格(table)中插入复杂的表格行(tr)?
			       
			       			       
			   
			       
			           如何在现有表格后面添加一行?
			       
			       			       
			   
			       
			           如何根据表格中的id 来删除这一行?
			       
			       			       
			   
			       
			           如何在datatable中插入一行?
			       
			       			       
			   
			       
			           如何在VSFLEXGRID的中间插入一行呀?
			       
			       			       
			   
			       
			           请问div和p如何在一行显示啊
			       
			       			       
			   
			       
			           jquery操作表格,怎么删掉除第一行和最后一行之外的tr?
			       
			       			       
			   
			       
			           clone一行div tr 每次增量赋值
			       
			       			       
			   
			   

			   
				
				
				
				  .itdaan_shufu { width:300px;height:600px }
				  @media (max-width: 600px) { .itdaan_shufu { display: none; } }
				
				
				     (adsbygoogle = window.adsbygoogle || []).push({});
				
			
			
		
	
     
    


	
	
	
		粤ICP备14056181号  © 2014-2021 ITdaan.com  
	



  
    ×
    收藏本文
  
  
     添加到收藏夹 *
    
    
     
  
  
    关闭确定
  


 globle_all_pc();

   function buffer(a, b, c) {
	    var d;
	    return function() {
	        if (d) return;
	        d = setTimeout(function() {
	            a.call(this),
	            d = undefined
	        },
	        b)
	    }
	} 

	(function() {
	    function e() {
	        var d = document.body.scrollTop || document.documentElement.scrollTop;
	        d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1"
	    }
	    var a = document.getElementById("float");
	    if (a == undefined) return ! 1;
	    var b = 0,
	    c, d = a;
	    while (d) b += d.offsetTop,
	    d = d.offsetParent;
	    c = window.ActiveXObject && !window.XMLHttpRequest;
	    if (!c || !0) window.onscroll = buffer(e, 50, this)
	})(); 


 
 
 var _hmt = _hmt || [];
 (function() {
   var hm = document.createElement("script");
   hm.src = "https://hm.baidu.com/hm.js?b08728447e2a1a7388d5639bd2a14595";
   var s = document.getElementsByTagName("script")[0];
   s.parentNode.insertBefore(hm, s);
 })();
 
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-143082825-1');直接搞成两个table不就行了

#7


这样是不可以的,用两个table吧