面試題:怎麼讓盒子在盒子內居中
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #demo{ width: 500px; height: 600px; background: red; position: relative; } .box{ width: 200px; height: 200px; background: black; position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } </style> </head> <body> <div id="demo"> <div class="box"></div> </div> </body> </html>
子絕父相。給父盒子相對定位,子盒子絕對定位,然後子盒子上下左右都為0,給它一個margin:auto。這樣的話,不管寬高怎麼變化,裡面的盒子始終都是居中的。
相關推薦
面試題:怎麼讓盒子在盒子內居中
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #
經典面試題:如何讓DIV水平和垂直居中
CSS讓DIV水平居中 說明,本文中所指的DIV包括HTML頁面中所有的元素。 讓一個DIV水平居中,直接用CSS就可以做到。只要設定了DIV的寬度,然後使用margin設定邊距0 auto,CSS自動算出左右邊距,使得DIV居中。 .mydiv{ ma
基礎面試題——什麽是盒子模型
image 空間 http order css盒模型 borde mar 什麽 模型 盒子模型(Box Model): 所有HTML元素可以看作盒子,在CSS中,"box model"這一術語是用來設計和布局時使用。 CSS盒模型本質上是一個盒子,封裝周圍的HTML元素,它
程式設計師面試題:快速找出一個數組中的兩個數字,讓這兩個數字之和等於一個給定的值
能否快速找出一個數組中的兩個數字,讓這兩個數字之和等於一個給定的值,為了簡化起見,我們假設這個陣列中肯定存在至少一組符合要求的解。 假如有如下的兩個陣列,如圖所示: 5,6,1,4,7,9,8 給定Sum= 10 1,5,6,7,8,9 給定Sum=
面試題:byte b = 130;有沒有問題?如果我想讓賦值正確,可以怎麼做?結果是多少呢?
byte b = 130;有沒有問題?如果我想讓賦值正確,可以怎麼做?結果是多少呢? class Demo2 { publicstaticvoid main(String[] args) { //因為byte的範圍是:-128到127。 //而130不在
面試題:支援O(1)時間內完成pop,push和max的棧
一個支援O(1)時間內完成pop,push和max的棧 這是一個面試題,跟同事交流得到的。解法十分巧妙,值得學習。更詳細的可以參看::imap部落格 問題描述 要求設計一個棧,支援pop,push和max三種操作,每種操作都是O(1)時間的。 問題分析 一般的棧
面試題:不用Java內建函式把String型別轉int型別
面試中遇到一道演算法題:不採用java的內建函式,把String型別轉換為int型別。現採用兩種方法實現(直接上程式碼): package com.haiwi.test; public class AtoiTest { public static
支付寶面試題: 30秒內限制某方法被呼叫100次 (一個時間段限制方法被呼叫的次數)
假設一個Class的方法 a,被限定30秒內只能被呼叫100次,如何實現。 當時沒答上,回來補上 1、定義呼叫介面Icallee public interface Icallee {public void play(); } 2、實現呼叫介面類 publi
49. 搜狗面試題: 大數相乘算法
std margin -a pac string out none content ack 分析: 大數能大到整形類型存儲不了。須要借助於其它的算法,來完畢乘法運算。 能夠使用口算乘法的步驟來模擬乘法操作。例如以下:
Java(面試題):字符串截取
int lan out 試題 void trace 題目 replace odi 在Java中,字符串“abcd”與字符串“ab你好”的長度是一樣,都是四個字符。 但對應的字節數不同,一個漢字占兩個字節。 定義一個方法,按照指定的字節數來取子串。 如:對於“ab你好”,如果
面試題:軟件測試,如何測微信的朋友圈?
功能 此外 nal testing 測試 常用 tar pad 軟件 任何一個東西你都可以這麽測:記住sfdipot: s,structure,結構。考慮其組成部分,微信朋友圈的代碼組成,客戶端是怎麽樣的,服務端是怎麽樣的。 f,function,功能。考慮單個功
面試題:HTTP與HTTPS
模型 開頭 tro 工作 ron 傳輸層 進行 證書 str 記錄個面試題 HTTP與HTTPS的不同 1.HTTP的URL為http://開頭,HTTPS的URL為https://開頭 2.HTTP標準端口80,HTTPS標準端口是443 3.在OSI網絡模型中,HTTP
經典面試題:js繼承方式下
deep 今天 typeof extend fun col const 繼承 uber 上一篇講解了構造函數的繼承方式,今天來講非構造函數的繼承模式。 一、object()方法 json格式的發明人Douglas Crockford,提出了一個object()函數,可以做到
Java 面試題:百度前200頁都在這裏了
serializa 負載 第三方 lin 目的 safe 並排 原理 java虛擬機 基本概念 操作系統中 heap 和 stack 的區別 什麽是基於註解的切面實現 什麽是 對象/關系 映射集成模塊 什麽是 Java 的反射機制 什麽是 ACID BS與CS的聯系與區別
java基礎面試題:switch語句能否作用在byte上,能否作用在long上,能否作用在String上?
int 包裝類 println class ava col body package 面試題 package com.swift; public class Switch_Test { public static void main(String[] args
java基礎面試題:try{}裏有一個return語句,那麽緊跟在這個try後的finally {}裏的code會不會被執行,什麽時候被執行,在return前還是後?
nal java pan clas out bsp 出現 可能 inf package com.swift; public class Try_Catch_Finally_Test { public static void main(String[] args
java算法面試題:編寫一個截取字符串的函數,輸入為一個字符串和字節數,輸出為按字節截取的字符串,但要保證漢字不被截取半個, 如“我ABC”,4,應該截取“我AB”,輸入“我ABC漢DEF”,6,應該輸出“我ABC”,而不是“我ABC+漢的半個”。
構造 pack n) -- com post nts throw ... package com.swift; import java.util.Scanner; public class Hanzi_jiequ { public static void m
java面試題:如果一串字符如"aaaabbc中國1512"要分別統計英文字符的數量,中文字符的數量,和數字字符的數量,假設字符中沒有中文字符、英文字符、數字字符之外的其他特殊字符。
rgs info log letter clas [] 面試題 .com ack package com.swift; public class TotalNumber_String { public static void main(String[] arg
java算法面試題:排序都有哪幾種方法?請列舉。用JAVA實現一個快速排序。選擇冒泡快速集合至少4種方法排序
算法 err div println rda print 算法面試 ++ 快速排序 package com.swift; import java.util.ArrayList; import java.util.Collections; import java.util
java算法面試題:遞歸算法題2 第1個人10,第2個比第1個人大2歲,依次遞推,請用遞歸方式計算出第8個人多大?
else oid 算法題 body println 算法 ring swift java算法 package com.swift; public class Digui_Return { public static void main(String[] arg