html - 我的按钮内的文本在多行中垂直而不是水平,我如何将它写在一行中?
问题描述
这是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
解决方案
代码没有问题,文本居中与单行对齐,如果您在移动设备上检查,请使用以下代码
.addadminbtn button{
width:90%;
font-size: 12px;
display: flex;
align-item:center;
justify-content:center;
background-color: rgb(7, 223, 7);}
推荐阅读
- rabbitmq - 使用路由键从 Rabbit MQ 获取消息
- python - 执行 makemigrations 时出现 Django 2.1 错误
- reactjs - 从 reducer hook 保存到 localStorage
- d3.js - 无法在 D3 上设置文本
- scala - 如何使用嵌套的 for 循环映射两个结构?
- html - 为什么嵌套在浮点或内联块元素内的绝对元素内的所有内容都会自动换行
- c++ - 为什么显式调用析构函数时msvc编译器会发出未使用的变量
- ios - 在目标 c 中,AVAudioplayer 路径未在后台更新
- amazon-web-services - SNS 应用程序选项未出现
- scikit-learn - 在 scikit-learn 中获取每个亲和传播集群的顶级术语