首页 > 解决方案 > 我的按钮内的文本在多行中垂直而不是水平,我如何将它写在一行中?

问题描述

这是css

.addadminbtn button {
  width: 90%;
  padding-left: 34%;
  padding-right: 28%;
  padding-bottom: 2%;
  padding-top: 2%;
  font-size: 12px;
  display: flex;
  background-color: rgb(7, 223, 7);
}

这是html

<div class="addadminbtn">
  <button>Add New Admin</button>
</div>

任何帮助将不胜感激我已经为我的按钮提供了 html 和 css

标签: htmlcss

解决方案


代码没有问题,文本居中与单行对齐,如果您在移动设备上检查,请使用以下代码

.addadminbtn button{
  width:90%;
  font-size: 12px;
  display: flex;
  align-item:center;
  justify-content:center;
  background-color: rgb(7, 223, 7);}

推荐阅读