在這裡插入**片
1、怎麼讓垂直居中？
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
#picture
<
/style>
<
/head>
"" alt=
"" title=
"神秘花園" id=
"picture"
>
<
/body>
<
/html>
方法一：絕對定位+margin:auto;
文字描述：
1). 先對外盒子設定一定的寬高和margin:auto;並對外層盒子設定相對定位。
2). 盒子則設定絕對定位（設定左右上下屬性，都設為0）+margin:auto;。
**：
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
.one
.one img
<
/style>
<
/head>
="one"
>
""/>
<
/div>
<
/body>
<
/html>方法二：父盒子內增加乙個空白標籤（相容性好 支援ie瀏覽器）
文字描述：
1). 先設定父盒子水平居中：margin:auto; 盒子內容居中：text-align:center；設定行高。
2).父盒子新增乙個空白標籤的方法有兩種：
（1）直接在原來父盒子裡面新增乙個 i 標籤
（2 常用）父盒子後面新增乙個偽類（即:after)
偽類（空白標籤）裡面將內容設定為空（不可以不設定）將元素轉換為行內塊元素，高設定為100% 寬度為0，vertical-align:middle
3). 元素設定：vertical-align:middle（垂直居中的意思）
**：<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
.picture
.picture img
.picture:
:after
<
/style>
<
/head>
="picture"
>
""/>
<
/div>
<
/body>
<
/html>
前端面試題
sprites是什麼和為什麼要使用他們？css 精靈 把一堆小的整合到一張大的上，減輕伺服器對的請求數量 有可能替代sprites的方法是什麼？svg圖示，字型圖示，字元編碼等等。1 在div排版的時候，假設現在是100px的寬，我在盒子左側用padding left留個10px的白，div就撐開了...
前端面試題
行內元素有哪些？塊級元素有哪些？空 void 元素有哪些？link和 import的區別是？常見相容性問題？含移動端 html5的離線儲存？描寫一段語義化的html 吧 html5的form如何關閉自動完成功能？什麼是閉包 closure 為什麼要用？localstorage和sessionstor...
前端面試題
朋友碰到的筆試題，在此記錄一下，並且記下碰到的有難點但是自己沒注意的到的面試題！function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西，叫做柯里化...