微信小程式中的button按鈕寬度設定無效怎麼辦

前言：

不知道你有沒有遇過這樣的問題，在小程式中設定button按鈕的寬度沒有任何效果。如果你也常常遇到這種問題，那就來看看下面的解決方法吧。

方法一：（建議使用）直接在button按鈕上寫入行內樣式

wxml程式碼範例：

  <button type="primary" style="width:100%">按钮</button>

方法二：刪除app.json的配置"style": "v2"

在app.json 中配置「style」: "v2"之後就可以啟用新版的元件樣式，emmm存在即有它的道理，沒事咱就不動它了，推薦大家還是用方法一吧。

（學習影片分享：php影片教學）

wxml程式碼範例：

<button type="primary">按钮</button>

wxss程式碼範例

button{
  width: 100%;
}

#相關推薦：小程式開發教學

#

以上是微信小程式中的button按鈕寬度設定無效怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！