CSS垂直对齐圆心中心

前端之家收集整理的这篇文章主要介绍了CSS垂直对齐圆心中心前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在锚点垂直中心文本.我使用了行高并且它可以工作,但是当文本换行时,第二行中的文本获得行高…我怎样才能将文本置于锚中心而不会失败?

http://jsfiddle.net/y2UYX/1/ – 点击圆圈以显示其他圆圈,您将看到我的意思.

我想尽可能多地支持浏览器.如果您添加额外的属性支持更多浏览器,请通过添加注释说明哪个浏览器的哪一行.

非常感谢你!

解决方法

您可以使用display:table属性.像这样写:
.SubMenu li {
  margin:50px;
  background:red;
  border-radius:50px;
  height:100px;
  width:100px;
  display:table;
}

.SubMenu a {
   height:100px;
   width:100px;
   display:table-cell;
   text-align: center;
   vertical-align: middle;
}

检查这个http://jsfiddle.net/y2UYX/6/

猜你在找的CSS相关文章