這篇文章主要介紹“微信小程序中hidden不生效怎么解決”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“微信小程序中hidden不生效怎么解決”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)服務(wù)商，為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)服務(wù)，網(wǎng)站設(shè)計(jì)，網(wǎng)站托管運(yùn)營等一站式綜合服務(wù)型公司，專業(yè)打造企業(yè)形象網(wǎng)站，讓您在眾多競爭對手中脫穎而出創(chuàng)新互聯(lián)。

微信小程序中hidden不生效原因的解決辦法

例如如下布局：

  
    text1
    text2
  

你會(huì)發(fā)現(xiàn)hidden沒生效。經(jīng)我實(shí)驗(yàn)發(fā)現(xiàn)hidden元素對塊狀布局才生效，所以這段代碼里導(dǎo)致hidden沒生效的罪魁禍?zhǔn)资莇isplay:flex。把這個(gè)去掉就可以了。

如果一定要用flex布局怎么辦？

其實(shí)這里想用hidden無非就是想影藏這個(gè)布局，display:none也能做到隱藏。這里可以用一個(gè)取巧的方法，動(dòng)態(tài)設(shè)置display屬性，示例如下：

  
    text1
    text2
  

這里的hideview是在對應(yīng)的js里是一個(gè)變量，由js來動(dòng)態(tài)控制。

hidden 隱藏布局，雖然隱藏了，但是還是會(huì)占空間。

display:none 隱藏不占據(jù)空間。

關(guān)于“微信小程序中hidden不生效怎么解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

本文題目：微信小程序中hidden不生效怎么解決-創(chuàng)新互聯(lián)
當(dāng)前URL：http://weahome.cn/article/iscoi.html