我正在学习前端开发,我正在尝试使用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;
}
