微信小程序中button按鈕寬度設(shè)置無效的解決

發(fā)布時間：2021-03-12 10:21:42 來源：億速云閱讀：1012 作者：小新欄目：移動開發(fā)

這篇文章給大家分享的是有關(guān)微信小程序中button按鈕寬度設(shè)置無效的解決的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

前言：

不知道你有沒有遇到過這樣的問題，在小程序中設(shè)置button按鈕的寬度沒有任何效果。如果你也經(jīng)常遇到這種問題，那就來看看下面的解決方法吧。

方法一：（推薦使用）直接在button按鈕上寫行內(nèi)樣式

wxml代碼示例：

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

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

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

（學(xué)習(xí)視頻分享：php視頻教程）

wxml代碼示例：

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

wxss代碼示例

button{
  width: 100%;
}

感謝各位的閱讀！關(guān)于“微信小程序中button按鈕寬度設(shè)置無效的解決”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡