Home  >  Article  >  Web Front-end  >  html 中table <td>里的内容如何与<th>对齐_html/css_WEB-ITnose

html 中table <td>里的内容如何与<th>对齐_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:57:382332browse

这是我现在的效果
统计点  统计标识   统计值   时间  
开始 start  1                          2014-09-13
结束 end 2  
操作 operation 3     
(这是一条数据)
 开始 start  1                          2014-09-14
结束 end 2  
操作 operation 3                       


这是我要达到的效果
统计点  统计标识   统计值   时间  
开始      start           1            2014-09-13
结束      end            2            
操作      operation  3

开始      start           1            2014-09-14
结束      end            2  
操作      operation  3     

由于其他问题,我只在一个

中拿了三个值,但这三个值我无法与上面的表头行对齐,求各位大神帮我看看,怎么实现对齐呀?我不能将那三个数据分别

 

    




    



#foreach($data in $!{listData})
 
  
        
                              
  #end


  
统计点 统计标识 统计值 时间

#foreach($md in $!{data.mapData})
$!{md.keyCNName}
                                                                $!{md.keyId}
                                                               $!{md.keyValue}

#end
#DATE($!{data.timestamp})
 


回复讨论(解决方案)

去掉  colspan="3" 每个值占用一个td

去掉  colspan="3" 每个值占用一个td



额。。。谢谢你的回答,不过我说了。。由于其他问题,我不能将每个值分别 ,这三个值是一行数据中的三个值

是其他什么问题呢?

td
是最简单、最不容易出错的方法

去掉  colspan="3" 每个值占用一个td

老大NB

那么出于同样的原因,你的标题也不要分别放在3个th中

是其他什么问题呢?



显示效果的问题= =问题已解决,谢谢你们的回答

解决方法:


#foreach($data in $!{listData})
 

#foreach($md in $!{data.mapData})
$!{md.keyCNName}

#end
  

#foreach($md in $!{data.mapData})
$!{md.keyId}

#end
  

#foreach($md in $!{data.mapData})
$!{md.keyValue}

#end
  

         #DATE($!{data.timestamp})
                              
  #end

那么出于同样的原因,你的标题也不要分别放在3个th中


问题已解决,嘿嘿~还是谢谢你的回答

解决方法:
解决方法:


#foreach($data in $!{listData})
 

#foreach($md in $!{data.mapData})
$!{md.keyCNName}

#end
  

#foreach($md in $!{data.mapData})
$!{md.keyId}

#end
  

#foreach($md in $!{data.mapData})
$!{md.keyValue}

#end
  

         #DATE($!{data.timestamp})
                              
  #end
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn