题目：设置button中的字体让其居中，不至于溢出(字体下落，重影等问题)1，抛出问题，如图所示2，引出我的代码 登录 ```图2,登录按钮的整体思想css区域的代码.loginBtn{ width:750rpx; height:100rpx; background-color:#3D87FF; }图3，这里是按钮的整体布局，再来看登陆这两个子的布局//登录这两个字眼的布局 .btnValue{ width:176rpx; height:44rpx; background-color:#3D87FF; text-align:center; border:non
给button设置了background的属性却显示不出来1.在图片导入时选错位置，应该选择第一个位置，如果选了第二个图片后面会有（v24）【如下图】就有可能加载不出来。 新版引入drawable里面，如果有drawable-hipi文件夹就导入到这个里面。标题选择第一个点ok 默认就行，也可以更改名字，图片选择png格式。 如果之前图片按钮是后面有（v24）显示不出来，删掉图片重新放入即可。2.图片位置没放错，代码也没有错误，按钮的背景图片还是没有显示如图：我们可以打开下面这个文件 点击进入，将以下代码更改一下。只需在其后添加.Bridge即可. 最后我们点击运行，可以看到运行成功，图
给button设置了background的属性却显示不出来1.在图片导入时选错位置，应该选择第一个位置，如果选了第二个图片后面会有（v24）【如下图】就有可能加载不出来。 新版引入drawable里面，如果有drawable-hipi文件夹就导入到这个里面。标题选择第一个点ok 默认就行，也可以更改名字，图片选择png格式。 如果之前图片按钮是后面有（v24）显示不出来，删掉图片重新放入即可。2.图片位置没放错，代码也没有错误，按钮的背景图片还是没有显示如图：我们可以打开下面这个文件 点击进入，将以下代码更改一下。只需在其后添加.Bridge即可. 最后我们点击运行，可以看到运行成功，图
设置Button为透明状态，有两种最简单的方式：1.在layout.xml文件中的Button节点下，设置Button的Alpha属性，因为该属性在0~255范围内取值，0表示完全透明，255表示完全不透明；但是此方法有一个缺点，当设置为0后，Button上的文字也看不见了。所以在项目中使用了第二种方法。2.在layout.xml文件中的Button节点下，设置Button的background为#00000000，这是Android下颜色的ARPG表示方法，这八个0，两两一组，从前到后一次表示透明度，红，绿，蓝。这种设置Button透明的方式可以弥补方式1的缺点。 3.使用Android系统
设置Button为透明状态，有两种最简单的方式：1.在layout.xml文件中的Button节点下，设置Button的Alpha属性，因为该属性在0~255范围内取值，0表示完全透明，255表示完全不透明；但是此方法有一个缺点，当设置为0后，Button上的文字也看不见了。所以在项目中使用了第二种方法。2.在layout.xml文件中的Button节点下，设置Button的background为#00000000，这是Android下颜色的ARPG表示方法，这八个0，两两一组，从前到后一次表示透明度，红，绿，蓝。这种设置Button透明的方式可以弥补方式1的缺点。 3.使用Android系统
设置Button为透明状态，有两种最简单的方式：1.在layout.xml文件中的Button节点下，设置Button的Alpha属性，因为该属性在0~255范围内取值，0表示完全透明，255表示完全不透明；但是此方法有一个缺点，当设置为0后，Button上的文字也看不见了。所以在项目中使用了第二种方法。2.在layout.xml文件中的Button节点下，设置Button的background为#00000000，这是Android下颜色的ARPG表示方法，这八个0，两两一组，从前到后一次表示透明度，红，绿，蓝。这种设置Button透明的方式可以弥补方式1的缺点。 3.使用Android系统
设置Button为透明状态，有两种最简单的方式：1.在layout.xml文件中的Button节点下，设置Button的Alpha属性，因为该属性在0~255范围内取值，0表示完全透明，255表示完全不透明；但是此方法有一个缺点，当设置为0后，Button上的文字也看不见了。所以在项目中使用了第二种方法。2.在layout.xml文件中的Button节点下，设置Button的background为#00000000，这是Android下颜色的ARPG表示方法，这八个0，两两一组，从前到后一次表示透明度，红，绿，蓝。这种设置Button透明的方式可以弥补方式1的缺点。 3.使用Android系统
button组件几乎是每个组件库都有的；其实实现一个button组件是很简单的。本篇文章将带你一步一步的实现一个button组件。如果你想了解完整的组件库搭建，你可以先看使用Vite和TypeScript带你从零打造一个属于自己的Vue3组件库，这篇文章有详细介绍。当然如果你只想知道一个button组件如何开发出来的，只看这篇也就够了。(样式部分参造了elementui组件库）。扫码关注公众号获取Vue3组件库完整搭建源代码首先我们先看下我们这个button组件要实现的功能使用type，plain属性来定义按钮基本样式round，size控制按钮形状大小通过disabled来控制按钮是否可点击
button组件几乎是每个组件库都有的；其实实现一个button组件是很简单的。本篇文章将带你一步一步的实现一个button组件。如果你想了解完整的组件库搭建，你可以先看使用Vite和TypeScript带你从零打造一个属于自己的Vue3组件库，这篇文章有详细介绍。当然如果你只想知道一个button组件如何开发出来的，只看这篇也就够了。(样式部分参造了elementui组件库）。扫码关注公众号获取Vue3组件库完整搭建源代码首先我们先看下我们这个button组件要实现的功能使用type，plain属性来定义按钮基本样式round，size控制按钮形状大小通过disabled来控制按钮是否可点击
按钮：漫游模式样式：/*逗号表示A,B两个标签同时拥有大括号中的CSS样式*/.el-button--primary.is-active,/*active状态：鼠标左键按住按钮，但是没有放开（对应问题部分的3状态）其实按住的时候，hover状态也还在，所以是两个状态共存*/.el-button--primary:active{background:rgb(230,162,60);border-color:rgb(230,162,60);color:#fff;}/*focus状态：获得聚焦时，其实也就是按了左键放开之后，主要用于文本框输入文字时*/.el-button--primary:focu
