小程序button文字水平居中、垂直居中有效设置办法_微信小程序button文字居中

作者：菜鸟追梦旅行 | 2024-04-02 12:46:17

踩

微信小程序button文字居中

最近我在开发自己的小程序，如图，为页面添加“发送”按键，显而易见，我们需要更改一下“发送”按键的大小，以便美观

button按键在wxss里更改长度和宽度样式无效，需要在wxml里改

但是我发现改完后按键里的文字没有居中，如图

按照网上的方法，为按键添加样式，如图，还是没有居中


display: flex;  
align-items: center;  
justify-content: center;

是因为在微信小程序中，<button>元素默认的内边距是上下10px，左右15px

因此我们只需要将button按键内边距改为零就行了，如图

padding: 0 0;

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/352596