如何使边界线和表格边框线等方式

<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
    <style type="text/css"> 
    @page { 
      size:A4 portrait; 
      border-top:1.2px solid black; 
      border-bottom:1.2px solid black;   
    } 
    </style> 
<style type="text/arial" media="print">  

      @page { 
       margin: 75px 16px 75px 16px; 
       @PageBreak{ 
        page-break:always; 
        page-break-inside:avoid; 
       } 

       @top-center { 
        content: element(header); 
       } 
       @bottom-center { 
        content: element(footer); 
       } 
      }    
      div.header{ 
      position: running(header);   
      } 
      div.footer { 
       position : running(footer) ; 
      } 

      .pagenumber:before {     
       content: counter(page);    
      }      
      .pagecount:before {    
       content: counter(pages);    
      } 

     </style>    
    </head> 
      <table width="100%" border="2" cellspacing="0" cellpadding="0" style="border-top:solid; border-color:#EBEBEB;"> 
       <tr>   
        <td align="center"> 
         <apex:outputText value="Page " style="font-face:verdana;font-size:0.68em;"/> 
         <span class="pagenumber" style="font-face:verdana;font-size:0.68em;"/> 
         <apex:outputText value="of" style="font-face:verdana;font-size:0.68em;padding-left:2px;padding-right:2px"/> 
         <span class="pagecount" style="font-face:verdana;font-size:0.68em;"/> 
        </td> 
       </tr>   
      </table>

enter image description here 如何使边界线和表格边框线等方式

我不能能够平衡表格边框和上边框。要么我保持表格的宽度为100％，但仍然是一个没有扩展我别无选择，边境降低到表格的宽度帮我找到一个解决方案

建议我如何从这个问题

来源

2015-04-21 Karthika

尝试将cellspacing和cellpadding重置为0以及表格边框为0 – Aru

@Aru表格边框必须在那里 – Karthika

那么黑色边框是什么？我希望你需要删除顶部，左侧和右侧空间！ – Aru

恢复相反，你可以使用一个类像下面的：

的Html

<div class="tabularcontent"> 
    <table width="100%" class="tablecontent"> 
     <tr> 
      <td align="center">content</td> 
     </tr> 
    </table> 
</div>

的CSS

table { 
    border-spacing:0; 
    padding:0; 
    margin:0; 
} 
.tabularcontent { 
    border:2px solid black; 
} 
.tablecontent { 
    border:2px solid #ebebeb; 
}

Fiddle Demo

来源

2015-04-21 07:26:25 Aru

HTML

<table> 
    <thead> 
     <tr> 
      <th>content</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>content</td> 
     </tr> 
    </tbody> 
</table>

CSS

table { 
    border-spacing:0; 
    padding:0; 
    margin:0; 
    border:2px solid black; 
    border-collapse:collapse; 
    width:100%; 
} 
th { 
    border:2px solid black; 
}

这样吗？ DEMO

来源

2015-04-21 07:33:33 psycotik

如何使边界线和表格边框线等方式

回答

相关问题