您好,登錄后才能下訂單哦!
一個用<a>元素制作的按鈕,在微信瀏覽器中顯示的很奇怪,如下圖:
這個按鈕在iPhone的微信以及Android瀏覽器中打開都是正常的,如下圖:
正常情況下,根據CSS設置,應該是寬度為80%,居中顯示,但是在Android的微信瀏覽器中寬度就變為auto,也不居中了。
一開始以為是其它的類影響到這個按鈕的屬性,于是:
· 在這個元素上直接寫style,設置其寬度為80%,無效果,設置其寬度為固定值,也無效果;
· 用JS直接設置其寬度為80%或固定值,也無效果;
上面各種修改,用JS查看其寬度屬性,一直為auto。
最后仔細查看該元素的所有CSS屬性,看到“display:inline”,頓時想到是不是這個原因導致,于是將其改為“display:block”,問題解決。
將display:inline改為display:block,或display:inline-block。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。