搜索
热搜： 编程 Python Microsoft 编程语言 C++
首页> 前端开发 > Css3 > 正文

如何使定义了高度和宽度的< a >里的文字垂直居中【如何实现代码】

发布时间：2023-06-01 10:38:59 来源：网络
.
中午，深秋的天空飘着吉祥的白云；子夜，似水的月光谱照着宁静的大地。

如何使定义了高度和宽度的< a >里的文字垂直居中【实现代码】

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <htmlxmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  7. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  9. <title>垂直居中</title>
  11. <styletype="text/css">
  13. <!--
  15. .txt{
  17. width:150px;
  19. height:60px;
  21. background-color:#FF0000;
  23. display:block;
  25. text-align:center;
  27. vertical-align:middle;
  29. }
  31. -->
  33. </style>
  35. </head>
  39. <body>
  41. <arel="nofollow noopener noreferrer" href="#"class="txt">文字</a>
  43. </body>
  45. </html>

如何使“文字”垂直居中？
解决办法：加一行：line-height:60px;
记住line-height和height一样，就垂直居中了

以上这篇如何使定义了高度和宽度的< a >里的文字垂直居中【实现代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

原文地址：http://blog.csdn.net/niu_hao/article/details/8955695

以下您可能有感兴趣的文章:
标签： amp
关于好代码 | 联系方式 | 版权声明 | 合作赞助 | 网站地图