資訊專欄INFORMATION COLUMN
摘要：今天在開(kāi)發(fā)時(shí)遇到一個(gè)問(wèn)題，如題目所示，起初毫無(wú)頭緒，以為是元素適配的問(wèn)題，或者下方有遮擋，但是定位元素后發(fā)現(xiàn)并不是上述問(wèn)題。
今天在開(kāi)發(fā)時(shí)遇到一個(gè)問(wèn)題，如題目所示，起初毫無(wú)頭緒，以為是元素適配的問(wèn)題，或者下方有遮擋，但是定位元素后發(fā)現(xiàn)并不是上述問(wèn)題。
圖中所示為兩個(gè)button按鈕，在iOS和其他安卓手機(jī)中均顯示正常，但是在vivoplay6中下方邊框消失。
button是一個(gè)行內(nèi)元素，這里簡(jiǎn)單介紹一下什么是行內(nèi)元素：
設(shè)置寬高無(wú)效
對(duì)margin僅設(shè)置左右方向有效，上下無(wú)效；padding設(shè)置上下左右都有效，即會(huì)撐大空間
不會(huì)自動(dòng)進(jìn)行換行
下邊框不顯示問(wèn)題是因?yàn)?b>button為行內(nèi)元素，給其添加屬性display: inline-block即可解決上述問(wèn)題。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/116395.html
摘要：不允許負(fù)值用百分比來(lái)定義縮放比例。解決這個(gè)很簡(jiǎn)單，在父元素中使用即可解決該。列寬度由單元格內(nèi)容設(shè)定。定義僅有大寫(xiě)字母。不過(guò)，要讓任何元素生效還得借助于一點(diǎn)點(diǎn)。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼： 第一段文字選中效果 第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...
摘要：文字換行強(qiáng)制不換行自動(dòng)換行強(qiáng)制英文單詞斷行兩端對(duì)齊去掉瀏覽器中文本框或的黃色焦點(diǎn)框去掉記住密碼后自動(dòng)填充表單的黃色背景最小高度兼容代碼鼠標(biāo)不允許點(diǎn)擊平臺(tái)字體優(yōu)化微軟雅黑文字過(guò)多后顯示省略號(hào) 1. css 2.x 文字換行 /*強(qiáng)制不換行*/ white-space:nowrap; /*自動(dòng)換行*/ word-wrap: break-word; word-break: normal; /...
摘要：文字換行強(qiáng)制不換行自動(dòng)換行強(qiáng)制英文單詞斷行兩端對(duì)齊去掉瀏覽器中文本框或的黃色焦點(diǎn)框去掉記住密碼后自動(dòng)填充表單的黃色背景最小高度兼容代碼鼠標(biāo)不允許點(diǎn)擊平臺(tái)字體優(yōu)化微軟雅黑文字過(guò)多后顯示省略號(hào) 1. css 2.x 文字換行 /*強(qiáng)制不換行*/ white-space:nowrap; /*自動(dòng)換行*/ word-wrap: break-word; word-break: normal; /...
摘要：文字換行強(qiáng)制不換行自動(dòng)換行強(qiáng)制英文單詞斷行兩端對(duì)齊去掉瀏覽器中文本框或的黃色焦點(diǎn)框去掉記住密碼后自動(dòng)填充表單的黃色背景最小高度兼容代碼鼠標(biāo)不允許點(diǎn)擊平臺(tái)字體優(yōu)化微軟雅黑文字過(guò)多后顯示省略號(hào) 1. css 2.x 文字換行 /*強(qiáng)制不換行*/ white-space:nowrap; /*自動(dòng)換行*/ word-wrap: break-word; word-break: normal; /...
閱讀 4000·2021-11-25 09:43
閱讀 2247·2021-11-23 10:11
閱讀 1491·2021-09-29 09:35
閱讀 1420·2021-09-24 10:31
閱讀 2109·2019-08-30 15:48
閱讀 2467·2019-08-29 15:28
閱讀 503·2019-08-29 12:36
閱讀 3561·2019-08-28 18:12
