作业帮html a标签中的文字怎么居中对齐
来源：学生作业帮 编辑：作业帮 分类：综合作业 时间：2024/05/11 15:33:01
html a标签中的文字怎么居中对齐
<style type="text/css">
.btn:hover{font-size:22px;}
.btn{color:#000;background:#eaeaea}
.a{text-decoration:none;font-size:20px;font-weight:bold;width:222px;height:100px;border:1px solid red}
</style>
<a href="javascript:void(0);" class="btn a"><span>系统系统统</span></a>
<a href="javascript:void(0);" class="btn a"><span>系统系统系统系统系统系统系统系统系统系统</span></a>
希望是这样的,因为是动态生成的,所以不能每个写死.
line-height 不行,我是要字在a标签的中间,行高太大两行的间距就太大了,第二行就是会出去!text-align也不行,虽然是居中了,但是不下来,vertical-align用了没什么反应.也没用过,不太熟悉,但是怎么试都不行.
<style type="text/css">
.btn:hover{font-size:22px;}
.btn{color:#000;background:#eaeaea}
.a{text-decoration:none;font-size:20px;font-weight:bold;width:222px;height:100px;border:1px solid red}
</style>
<a href="javascript:void(0);" class="btn a"><span>系统系统统</span></a>
<a href="javascript:void(0);" class="btn a"><span>系统系统系统系统系统系统系统系统系统系统</span></a>
希望是这样的,因为是动态生成的,所以不能每个写死.
line-height 不行,我是要字在a标签的中间,行高太大两行的间距就太大了,第二行就是会出去!text-align也不行,虽然是居中了,但是不下来,vertical-align用了没什么反应.也没用过,不太熟悉,但是怎么试都不行.
a标签外层加一个DIV 然后DIV 设置 样式 text-align:center; 这样里面就居中了,这是第一种思路,第二种思路的话,就直接在你的源码上改 .a{text-decoration:none;font-size:20px;font-weight:bold;width:222px;height:100px;border:1px solid red; display:block; text-align:center} 这个就行了,因为A标签不是一个块级元素 所以 要先 display:block
采纳我把.
再问： 改成块级标签了也没有居中，第一种方式不行，因为我的a标签后面还有一张背景图，
再答： line-height:100px; text-align:center; 这两个就是 垂直水平居中阿。
再问： 之前就是line-height:100px;但是因为字太长了就换行了，第二行跑出去了！！
再答： 那你的A标签别设置宽根高了。。设置padding:把，，内填充 别你设置宽高要好一点
采纳我把.
再问： 改成块级标签了也没有居中，第一种方式不行，因为我的a标签后面还有一张背景图，
再答： line-height:100px; text-align:center; 这两个就是 垂直水平居中阿。
再问： 之前就是line-height:100px;但是因为字太长了就换行了，第二行跑出去了！！
再答： 那你的A标签别设置宽根高了。。设置padding:把，，内填充 别你设置宽高要好一点