표 셀의 텍스트 정렬

Question

모든 셀에서 텍스트를 정렬하고 중앙에 배치 할 수있는 방법을 알고 싶습니다. 왜냐하면 바로 아래에 링크가있는 첫 번째 셀간에 약간의 차이가 있기 때문입니다. 나는 나의 제목은

$(document).ready(function(){ 
 
    $(".toggler").click(function(e){ 
 
     e.preventDefault(); 
 
     $('.cat'+$(this).attr('data-prod-cat')).toggle(); 
 
    }); 
 
});

td{ 
 
    display:block; 
 
    width:auto; 
 
    border:1px dotted red; 
 
    background-color:red; 
 
    color:white; 
 
    margin-bottom:10px; 
 

 
} 
 

 
@media only screen and (min-width: 70em) { 
 
    td{ 
 
    display:table-cell; 
 
    border:1px dotted red; 
 
    background-color:red; 
 
    color:white; 
 
    margin-bottom:0px; 
 
    } 
 
} 
 

 

 
p{font-family:'Varela Round';font-weight:bold;text-align:center;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<table style="table-layout: fixed; width:100%" width="100%" cellpadding="0" cellspacing="5"> 
 
    <tbody> 
 
    <tr> 
 
     <td><table> 
 
     <tr><td><p>SOCIÉTÉS: 230</p></td></tr><tr><td><a href="#" class="toggler" data-prod-cat="1">+ En savoir plus</a></td></tr> 
 
      <tr class="cat1" style="display:none"> 
 
      <td>Part CAC 40 : 90</td></tr> 
 
      <tr class="cat1" style="display:none"> 
 
      <td>Part Filiales +100MK€: 120</td></tr> 
 
      </tr> 
 
     </table> 
 
     </td> 
 
     <td><p>CONTACT</p></td> 
 
     <td><p>EMAIL NOMINATIF</p></td> 
 
     <td><p>OPT OUT</p></td> 
 
     <td><p>LIGNES DIRECTES/MOBILES</p></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

가 할 수있는 일이 그냥 (감사 테이블 레이아웃)을 응답 측 또한 "같은 크기의 세포"쪽을 방해하지 않고 같은 줄에있을 것이다 는 CSS에 대한 요소 TD뿐만 아니라 텍스트 정렬 특성을 가지고 :

CSS :

p, td{ 
    font-family:'Varela Round'; 
    font-weight:bold; 
    text-align:center; 
    } 

또한

단지 측면

당신을주의 당신의 js를 위해 대신 그들이 제안 DOM을 당신에게 해당 문서 준비 기능을 제안하지 않습니다 JQuery와 문서를로드 할 때 JS 코드를 실행하려면 :

JS

$(function() { 
    $(".toggler").click(function(e){ 
     e.preventDefault(); 
     $('.cat'+$(this).attr('data-prod-cat')).toggle(); 
    }); 
}); 

JQuery와 문서 : https://api.jquery.com/ready/