面試小結 html css實現元素居中

園子開闢好長一段時間了，一直都沒有開始寫一篇文章。今天面試的時候提及到寫個技術部落格，於是產生了七個月以來的第一篇博文。從這一篇文章開始，計畫將此部落格用於個人總結和記錄，寫下學習過程中遇到的問題和解決方法。

嘮叨完，開始正文內容，如何用html/css使得未知寬高的元素水平垂直居中？這也是今天在筆試時候遇到的一道題目。下面給出幾種解決方法。

1.利用vertical-align:middle

1

doctype html
>
2<
html
>
3<
head 
lang
="en"
>
4<
meta 
charset
="utf-8"
>
5<
title
>
title
>
6<
style
>
7body
8.father
9.daughter
/*實現daughter居中
alt="我要居中"
>
17div
>
18body
>
19html
>

2.使用transform實現

3.彈性盒模型

4.用**布局

歡迎指導~~2015-12-12　17:16:44 

HTML CSS學習小結

css樣式 1 背景 background attachment fixed 滾動頁面時，固定不動 background position 背景圖定位 2 border 邊框 border width 邊框寬度 border style 邊框樣式 solid實線 dashed 虛線 dotted點線...

Html Css 基礎小結

html css基本部分個人小結 table table border cellspacing cellpadding bgcolor caption caption 最頂部 thead th th thead 頭部 tfoot td td tfoot table 可以套 列表可以套列表 乙個是在t...

HTML CSS浮動元素詳解

浮動定位是指 1.1將元素排除在普通流之外，即元素將脫離標準文件流 1.2元素將不在頁面占用空間 1.3將浮動元素放置在包含框的左邊或者右邊 1.4浮動元素依舊位於包含框之內 2.浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止 經常使用它來實現特殊的定位效果 3.包含框...