在 table 中居中 button/text

Question

尝试了所有我能想到的方法，但无法将 "MORE INFORMATION" 框居中对齐。互联网搜索（包括此处）得到了很多答案，并且 none 有效。

<tr>
  <td data-th="Product Details" class="productDetails"></td>
  <td style="align:center" data-th="Data" class="Data"><a class="btn alt misc" href="http://glasscapacitors.com/glass-capacitor-overview/"><h3> <font color= "#ffb300">MORE INFORMATION</font></h3></a></td> 
  <td data-th="Similar Parts" class="similarParts">%%Panel.SideProductRelated%%</td>
</tr>

Answer 1

要使您的 "More Information" 标题居中，您需要将 text-align: center; 添加到 .misc 标签。

a.misc {
  text-align: center;
}

<tr>
  <td data-th="Product Details" class="productDetails"></td>
  <td style="align:center" data-th="Data" class="Data"><a class="btn alt misc" href="http://glasscapacitors.com/glass-capacitor-overview/"><h3> <font color= "#ffb300">MORE INFORMATION</font></h3></a></td> 
  <td data-th="Similar Parts" class="similarParts">%%Panel.SideProductRelated%%</td>
</tr>

在 table 中居中 button/text

Centering a button/text in a table

html

centering