當div的寬度為百分比時,如何設定高與寬相等
今天做了一個demo,其中要用到圓形,首先想到的就是給一個div設定寬等於高,再加上border-radius等於寬的一半就好了
div {
width: 200px;
height: 200px;
border-radius: 100px;
}
但是如果div的寬度是百分比,繼承的是父元素的寬度的百分比時,高度該如何設定為等於寬呢?
div {
width: 20%;
height: 0; // 設定高為0,讓padding撐起高
padding-bottom: 20%; /* 讓div的高等於寬 */
border-radius: 50%;
}
此時將padding-top/padding-bottom設定為百分比時,是基於父元素寬度,正好和width相等;在使用border-radius=50%,就實現了自適應的圓形。
相關推薦
當div的寬度為百分比時,如何設定高與寬相等
今天做了一個demo,其中要用到圓形,首先想到的就是給一個div設定寬等於高,再加上border-radius等於寬的一半就好了div { width: 200px; height: 200px; border-radius: 100px; }
java 反射: 當Timestamp型別的屬性值為null時,設定預設值
import java.beans.PropertyDescriptor; import java.lang.reflect.Field; import java.lang.reflect.Method; import java.sql.Timestamp; class Person {
【筆記】mybatis+mysql,當入參為map時,如何獲取返回的自增主鍵
<selectKey resultType="java.lang.Integer" order="BEFORE" keyProperty="paramMap.id"> // keyProperty 要指定為引數map的名稱.返回的鍵名才行,入參paramMap,返回的自增主鍵
Mybatis:使用bean傳值,當傳入值為Null時,提示“無效的列型別”的解決辦法
提示: Try setting a different JdbcType forthis parameter or a differentjdbcTypeForNull configuration property. Cause: java.sql.SQLException: 無效的列型別: 1111
java 編寫一個函式,輸入n為偶數時,呼叫函式求1/2+1/4+...+1/n,當輸入n為奇數時,呼叫函式1/1+1/3+...+1/n(利用指標函式)
題目: 編寫一個函式,輸入n為偶數時,呼叫函式求1/2+1/4+…+1/n,當輸入n為奇數時,呼叫函式1/1+1/3+…+1/n(利用指標函式) 程式碼: import java.util.S
編寫一個函數,輸入n為偶數時,調用方法求1/2+1/4+...+1/n,當輸入n為奇數時,調用函數1/1+1/3+...+1/n
輸入一個數 stat 需求 ble 運算 color ring sca string 需求:編寫一個函數,輸入n為偶數時,調用方法求1/2+1/4+...+1/n,當輸入n為奇數時,調用函數1/1+1/3+...+1/n package com.Summer_0511
vue框架下,echarts圖表外部容器寬度設定為百分比時內容超出容器以及echarts圖表自適應的實現方案
在vue.js框架下,建立echarts圖表,當圖表的外部容器的寬度設定為百分比時,出現圖表內容寬度超出其外部容器的情況,幾番除錯,得解決方案如下: (備註說明:問題產生的具體原因尚不清晰,後面若知曉了再補充,但是初期解決問題階段一定不要鑽牛角,不是一開始就能或者可以知道真理的) 在建立了e
vue框架下,echarts圖表外部容器寬度設置為百分比時內容超出容器以及echarts圖表自適應的實現方案
eth script 事件 methods 實現 cti on() block tchart 在vue.js框架下,創建echarts圖表,當圖表的外部容器的寬度設置為百分比時,出現圖表內容寬度超出其外部容器的情況,幾番調試,得解決方案如下: (備註說明:問題產生的具體原因
當 IDENTITY_INSERT 設定為 OFF 時,不能為表中的標識列插入顯式值
{"當 IDENTITY_INSERT 設定為 OFF 時,不能向表 'OrderList' 中的標識列插入顯式值"} 對於這個異常可以從兩個角度來處理:A:資料庫執行語句 B:直接修改NHibernate中持久化類對映配置檔案id節點 A資料庫執行語句: 問題描述:當在資料庫表主鍵設計為 (Order
EF:插入記錄失敗,提示當 IDENTITY_INSERT 設定為 OFF 時,不能向表中的標識列插入顯式值
EF忽然報錯:增加記錄時,提示當 IDENTITY_INSERT 設定為 OFF 時,不能向表 '。。。' 中的標識列插入顯式值。真奇怪,新增記錄方法一向好地地,從沒出過錯。要出錯,那也是Update時才會,什麼“附著不附著”的問題。從提示資訊來看,是向標識列插入了值。那麼E
當對象或對象屬性為空時,如何安全給對象或對象屬性添加默認值
方案 string sign isp ignorecas 兩種 對象 習慣 比較 今天遇到的問題,也是寫代碼的習慣問題,邏輯沒有問題,但不規範,也不安全, 容易出現漏洞。 先將代碼貼出: String isPrintLogo = vodInfoDto.getIsPrint
當input中的type值為file時,各瀏覽器的表現形式不同
button tex ati color 不同 ack 需要 標簽 圖片 如果想使各瀏覽器下的表現形式相同,需要對該input元素隱藏,然後再改元素下方添加標簽。其html寫法如下 <div class="input-file"> <input type
當padding/margin的取值形式為百分比時。。。。。
基礎 https 技術分享 因此 w3c 就會 頁面 org 圖片加載 一個基礎卻又容易混淆的css知識點:當margin/padding取形式為百分比的值時,無論是left/right,還是top/bottom,都是以父元素的width為參照物的!也許你會說,left/r
一個類,有新增元素(add)和獲取元素數量(size)方法。 啟動兩個線程。線程1向容器中新增數據。線程2監聽容器元素數量,當容器元素數量為5時,線程2輸出信息並終止
override tac trace add syn countdown print import 數據 方式一: /** * 兩個線程要是可見的所以要加上votalile */public class Test_01 { public static void
當類的指標被賦值為NULL時,類的哪些成員還可以被該指標呼叫
轉自:https://blog.csdn.net/xiaoluer/article/details/53337292 該問題源自於一道面試題,題目如下所示: 看如下程式碼,請問能不能編譯通過?如果能編譯通過能不能執行成功?並說明原因 clas
IE8中的input設定為disabled時,字型顏色設定問題
關於Input不能修改,設定屬性可以為disabled或者readonly 但是,如果設定為disabled,關於字型顏色的設定則不再有效,disabled對顏色的設定免疫,因為顏色太淡,使用者體驗差,所以用readonly,但是readonly會出現游標的閃爍問題,需要設定屬性: $('i
寫程式碼: 實現使用者輸入使用者名稱和密碼,當用戶名為seven且密碼為123時,顯示登入成功,否則登入失敗。
# 寫程式碼# 實現使用者輸入使用者名稱和密碼,當用戶名為seven且密碼為123時,顯示登入成功,否則登入失敗。username = input("Please enter your username: ")password = input("Please enter your password: ")if
margin與padding值設定為百分數時,其值的計算參照最近父級元素width
在前端開發過程中,設定樣式引數margin 與 padding 值為百分數時,其具體值的計算方法需參照最近父級的width計算。 1)exp1: margin-top 為百分數 其中標籤的巢狀關係為: <div class="boxparent">
Android 當兩個文字框同時不為空時,按鈕可用
啥也不薛,先看效果圖 主要就是去設定文字框的監聽事件,由於有兩個文字框,所以直接呼叫兩次就行,之前去巢狀著呼叫,既麻煩,還容易出錯,我最終也沒通過巢狀搞出來,唉,然後就百度到了另一種方法,在這裡記下來,算是學習之路的一個交代。 下面直接貼程式碼: //對文字框的監聽事件
當s中的字串為“123456”時,則逆序輸出其奇數位置上的字元 “664422”。
程式設計將在字串s中下標為奇數位置上的字元,緊隨其後重複出現一次,放在一個新串t中,t中字元按原字串中字元出現的逆序排列(注意0為偶數)。 例如:當s中的字串為“123456”時,則t中的字串應為“664422”。 #include<stdio.h> #incl