HTML-CSS中心在链接中水平和垂直文本

概述我正在尝试制作一个高度和宽度为200px的链接。 链接的文本应垂直和水平居中。 到目前为止这是我的CSS： a:link.Kachel { width: 200px; height: 200px; margin: 0 auto; display: block; text-align: center; background: #383838; display: -webk 我正在尝试制作一个高度和宽度为200px的链接。
链接的文本应垂直和水平居中。

到目前为止这是我的CSS：

a:link.Kachel {  wIDth: 200px;  height: 200px;  margin: 0 auto;  display: block;  text-align: center;  background: #383838;  display: -webkit-Box;  display: -moz-Box;  display: Box;  -webkit-Box-align: center;  -moz-Box-align: center;  Box-align: center;}

这个HTML代码：

<tr>  <td>    <a  href="#">Test</a>  </td></tr>

文本水平居中但不垂直。

知道如何让文本水平和美观地集中在一起吗？

解决方法 删除所有其他废话，只需用行高替换高度

a:link.Kachel{   wIDth: 200px;   line-height: 200px;   display: block;   text-align: center;   background: #383838;}

Jsfiddle：http://jsfiddle.net/6jSFY/

总结

以上是内存溢出为你收集整理的HTML-CSS中心在链接中水平和垂直文本全部内容，希望文章能够帮你解决HTML-CSS中心在链接中水平和垂直文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。