button 在vivoplay6 手機中不顯示下邊框

zsirfs 發布于2019-08-30 15:48 / 2034人閱讀

摘要：今天在開發時遇到一個問題，如題目所示，起初毫無頭緒，以為是元素適配的問題，或者下方有遮擋，但是定位元素后發現并不是上述問題。

今天在開發時遇到一個問題，如題目所示，起初毫無頭緒，以為是元素適配的問題，或者下方有遮擋，但是定位元素后發現并不是上述問題。

圖中所示為兩個button按鈕，在iOS和其他安卓手機中均顯示正常，但是在vivoplay6中下方邊框消失。

button是一個行內元素，這里簡單介紹一下什么是行內元素：

設置寬高無效

對margin僅設置左右方向有效，上下無效；padding設置上下左右都有效，即會撐大空間

不會自動進行換行

下邊框不顯示問題是因為button為行內元素，給其添加屬性display: inline-block即可解決上述問題。

button顯示 php中不區分在小寫顯示邊框控件顯示邊框

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116395.html

[總結]CSS/CSS3常用樣式與web移動端資源

摘要：不允許負值用百分比來定義縮放比例。解決這個很簡單，在父元素中使用即可解決該。列寬度由單元格內容設定。定義僅有大寫字母。不過，要讓任何元素生效還得借助于一點點。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼：第一段文字選中效果第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...

The question 2019-08-28 17:54 評論0 收藏0
CSS常用代碼

摘要：文字換行強制不換行自動換行強制英文單詞斷行兩端對齊去掉瀏覽器中文本框或的黃色焦點框去掉記住密碼后自動填充表單的黃色背景最小高度兼容代碼鼠標不允許點擊平臺字體優化微軟雅黑文字過多后顯示省略號 1. css 2.x 文字換行 /*強制不換行*/ white-space:nowrap; /*自動換行*/ word-wrap: break-word; word-break: normal; /...

Eirunye 2019-08-19 17:09 評論0 收藏0
CSS常用代碼

摘要：文字換行強制不換行自動換行強制英文單詞斷行兩端對齊去掉瀏覽器中文本框或的黃色焦點框去掉記住密碼后自動填充表單的黃色背景最小高度兼容代碼鼠標不允許點擊平臺字體優化微軟雅黑文字過多后顯示省略號 1. css 2.x 文字換行 /*強制不換行*/ white-space:nowrap; /*自動換行*/ word-wrap: break-word; word-break: normal; /...

ddongjian0000 2019-08-28 18:25 評論0 收藏0
CSS常用代碼

摘要：文字換行強制不換行自動換行強制英文單詞斷行兩端對齊去掉瀏覽器中文本框或的黃色焦點框去掉記住密碼后自動填充表單的黃色背景最小高度兼容代碼鼠標不允許點擊平臺字體優化微軟雅黑文字過多后顯示省略號 1. css 2.x 文字換行 /*強制不換行*/ white-space:nowrap; /*自動換行*/ word-wrap: break-word; word-break: normal; /...

Java_oldboy 2019-08-01 14:56 評論0 收藏0