安卓按钮中文字向上偏移

最新推荐文章于 2023-05-08 14:51:10 发布

原创最新推荐文章于 2023-05-08 14:51:10 发布 · 728 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#安卓

移动端问题专栏收录该内容

2 篇文章

订阅专栏

博客聚焦于解决安卓按钮中文字向上偏移的问题，给出了相关的 HTML 和 CSS 代码示例，通过设置按钮容器的高度、字体大小、背景颜色、边框圆角等样式，以及使用 flex 布局使文字居中。

解决安卓按钮中文字向上偏移问题

html

         <a href="/Product/X70" class=" homemorebox bannermore">
            <span class="homemore">LearnMore</span>
           </a>

css

.homemorebox{
height: 84px;
font-size: 1.4rem;
width: 326px;
background: #0060fc;
border-radius: 50px;
transform: scale(0.5);
/* transform-origin:100% 100%; */
color: #fff;
display: flex;
justify-content: center;
align-items: center;}
.homemore{
font-size: 28px;
font-style: normal
}