固定された高さと幅を持つtrの中心のtd

Question

固定された高さと固定された幅を持つtrに私のtd要素を垂直方向と水平方向に集中させたいと思います。最初のtr要素には画像があり、他の要素にはリンクがあります。垂直-ALIGN、VALIGN ...

は事前に

の.css

• 更新*

をいただき、ありがとうございますように、私はすでに、多くのことを試してみました

<tr> 
    <td><img src="../images/image.png" class="image"></td> 
    </tr> 
    <tr> 
    <td><a href="#">Text</a></td> 
    </tr> 
    <tr> 
    <td><a href="#">Text</a></td> 
    </tr> 

tr { width: 23%; 
height: 45%; 
display: inline-block; 
margin: 10px; 
background-color: #25569f; 
    text-align: center; } 

td {text-align: center; 
font-size: 28px; 
display: block; 
margin-left: auto; 
margin-right: auto; } 

Answer 1

十分な情報を私たちに提供していないので、これが望ましい結果であるかどうかはわかりません。

table { 
 
    border-collapse: collapse; 
 
    border: 1px solid black; 
 
    width: 100%; 
 
} 
 

 
tr { 
 
    height: 5em; 
 
} 
 

 
td { 
 
    border: 1px solid black; 
 
    text-align: center; 
 
} 
 

 
.image { 
 
    height: 3em; 
 
    width: auto; 
 
}

<table> 
 
    <tr class="tr-one"> 
 
    <td><img src="https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg" class="image"></td> 
 
    </tr> 
 
    <tr class="tr-two"> 
 
    <td><a href="#">Text</a></td> 
 
    </tr> 
 
    <tr class="tr-three"> 
 
    <td><a href="#">Text</a></td> 
 
    </tr> 
 
</table>