< a >设置高宽度后怎么让文字垂直居中
来源:爱站网时间:2022-01-12编辑:网友分享
下面这篇文章是小编给大家带来的关于< a >设置高宽度后怎么让文字垂直居中内容,对一些小伙伴来说还是挺实用的,如果喜欢,可以跟爱站技术频道小编脚步来了解下。
如何使定义了高度和宽度的< a >里的文字垂直居中【实现代码】
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>垂直居中</title>
- <style type="text/css">
- <!--
- .txt {
- width:150px;
- height:60px;
- background-color:#FF0000;
- display:block;
- text-align:center;
- vertical-align:middle;
- }
- -->
- </style>
- </head>
- <body>
- <a href="#" class="txt">文字</a>
- </body>
- </html>
如何使“文字”垂直居中?
解决办法:加一行:line-height:60px;
记住line-height和height一样,就垂直居中了
以上这篇< a >设置高宽度后怎么让文字垂直居中的相关文章内容就先分享到这里了,还有不懂的地方,可以来爱站技术频道小编咨询哦!
下一篇:CSS属性的介绍及使用