css 寬度與高度按百分比顯示,且寬高相等,span高度百分比
.kefu1{background-position:0 -727px;width:30%;display:inline-block}
.kefu1::before{content: "";padding-top: 100%;display: block;}
<span class="kefu1">這裡是背景圖片</span>
在css中,一個元素可以設定為相對寬度,即百分之幾,但是高度設定為百分比不行,不過可以通過::before的語法實現
相關文章
- CSS 設定 span 元素 寬度與高度CSS
- CSS--寬度與高度CSS
- CSS深入淺出-寬度與高度CSS
- 如何設定span元素的寬度和高度
- 純css實現高度與寬度固定比例CSS
- CSS 高度和寬度媒體查詢CSS
- 將span元素設定為固定寬度和高度程式碼
- css 實現圖片寬度自適螢幕，高度與寬度成固定比例CSS
- Android GridView設定條目的高度與寬度相等、GridView條目寬高相同AndroidView
- CSS Tips——未知寬度高度居中對齊CSS
- 用偽類實現一個div的寬度和高度是固定百分比
- javascript獲取顯示器寬度和高度程式碼例項JavaScript
- Html中的各種高度寬度HTML
- css（二）：高度與文件流，line-box與box，寬度，position與CSS
- React根據寬度自適應高度React
- 二叉樹的最小高度,最大高度(深度)和寬度二叉樹
- css--常見左右盒子寬度高度自適應佈局CSS
- 獲取各種螢幕高度寬度(工作)
- js如何獲取元素的高度和寬度JS
- JavaScript動畫方式改變元素寬度和高度JavaScript動畫
- jQuery如何獲取元素的寬度和高度jQuery
- WPF—DataGrid設定列的百分比寬度 & 列值顯示格式化
- JAVA中如何獲得JPG或GIF圖片的正常顯示高度和寬度呢？Java
- 如何用css設定span元素的寬度CSS
- js 獲取可視介面的高度或寬度JS
- 1501 二叉樹最大寬度和高度二叉樹
- javascript獲取圖片的真實寬度和高度JavaScript
- jQuery動態設定div元素的高度和寬度jQuery
- android 獲取螢幕高度和寬度的方法Android
- AutoLayout 實現固定寬度動態高度的 ScrollViewView
- css實現高度height隨寬度width變化保持比例不變CSS
- 前端頁面高度和寬度自適應怎麼做？前端
- JS,Jquery獲取各種螢幕的寬度和高度JSjQuery
- Flex AS專案設定SWF（寬度、高度、背景色等）Flex
- CSS 圖片固定長寬比實現高度自適應CSS
- 為什麼設定css使用百分比設定元素高度無效CSS
- 安卓開發中修改TabLayout下劃線的寬度和高度安卓TabLayout
- 連結<a>設定高度和寬度不生效簡單介紹