html – 在按钮中居中文本

发布时间：2020-12-14 23:11:19 所属栏目：资源来源：网络整理

导读：我正在学习前端开发,我正在尝试使用bootstrap编写我的第一个站点.我猜,我陷入了一个非常简单的事情. 如何将文本置于按钮中心？这是按钮,默认使用“a”标签. 并给它一个宽度和一个高度,文字仍然卡在顶部.. .btn-work { width: 250px; height: 50px; margin:

我正在学习前端开发,我正在尝试使用bootstrap编写我的第一个站点.我猜,我陷入了一个非常简单的事情.
如何将文本置于按钮中心？

这是按钮,默认使用“a”标签.


并给它一个宽度和一个高度,文字仍然卡在顶部..

.btn-work {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    vertical-align: middle;
}

我也试图将按钮对准容器的中心,我也无法弄明白.
谢谢 ！


最佳答案
使文本在按钮中居中.使用此代码.

.btn-work{ text-align: center; }

要使按钮居中,请使用父div将其与中心对齐.
CSS：

 div.parentElement{text-align: center;}
 .btn-work{ display: inline-block; }

HTML：


完整的CSS：

div.parentElement{text-align: center;}

.btn-work {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    line-height: 50px;
    text-align: center;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!