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

时间：2021-05-08

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

XML/HTML Code复制内容到剪贴板
  • <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <htmlxmlns="http://www.w3.org/1999/xhtml">
  • <head>
  • <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  • <title>垂直居中</title>
  • <styletype="text/css">
  • <!--
  • .txt{
  • width:150px;
  • height:60px;
  • background-color:#FF0000;
  • display:block;
  • text-align:center;
  • vertical-align:middle;
  • }
  • -->
  • </style>
  • </head>
  • <body>
  • <ahref="#"class="txt">文字</a>
  • </body>
  • </html>

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

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

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

    声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章