首页 > 开发 > CSS > 正文

如何使定义了高度和宽度的&amp;lt; a &amp;gt;里的文字垂直居中【实现代

2024-07-11 08:25:37

字体：大中小

来源：转载

供稿：网友

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

XML/HTML Code复制内容到剪贴板

<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 >里的文字垂直居中【实现代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持错新站长站。

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

上一篇：如何让一个div居于页面正中间【实现方法】

下一篇：理解CSS浮动float、定位position

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注