手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >如何使定义了高度和宽度的< a >里的文字垂直居中【实现代码】
如何使定义了高度和宽度的< a >里的文字垂直居中【实现代码】
摘要:如何使定义了高度和宽度的里的文字垂直居中【实现代码】XML/HTMLCode复制内容到剪贴板垂直居中文字如何使“文字&rdquo...

如何使定义了高度和宽度的< 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

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

CSS定义标题的实例讲解

css3中flexbox伸缩盒深入理解

div图片marquee无缝连接实现代码

CSS样式表教程:screen媒体类型的作用

如何让图像域和文本输入框水平居中之类的实现代码

可视化CSS3动画生成神器 - Stylie

如何让图片相对于上层DIV始终保持水平、垂直都居中

div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题

css3弹性盒模型(Flexbox)详细介绍

提高淘宝C店转化率的实用代码

精品推荐
分类导航