常規的面試問：不知道寬高的情況下如何實現垂直居中，今天我們討論乙個比較複雜的場景，同樣是不知道寬高，而且 還要限制最大寬高邊界，比如頭像，要求上傳的頭像沒有最小寬高限制，但是有最大寬高限制，還要實現上下左右自適應居中，類似於img標籤的background屬性，當然如果你真的是img的話也可以使用 background來解決這個問題，如果這個塊的乙個div就尷尬了，所以我們今天分享乙個通用的解決方式html**：
="imgbox"
>
="img"
>
<
/div>
<
/div>
css**：
// 下面設定自適應
.imgbox
.img
css已知寬高和未知寬高的居中定位
1 已知寬高 上圖中我們想要對已知寬度的 服務範圍 進行左右居中定位，我們可以先選擇left或者right樣式，這裡我們選擇的是left，這裡的50 指的是這個盒子的最左側位於水平的百分之五十的地方，也就是中間位置，因為我們知道整體的寬度，所以我們可以直接採用在向左移動寬度的一半，也就是margin...
CSS未知寬高元素水平垂直居中
方法一 思路 顯示設定父元素為 table，子元素為 cell table，這樣就可以使用vertical align center，實現水平居中 優點 父元素 parent 可以動態的改變高度 table元素的特性 缺點 ie8以下不支援 lang en charset utf 8 未知寬高元素水...
水平垂直居中 已知寬高 未知寬高
水平 垂直居中的方法 已知寬高 未知寬高 一 居中元素 已知寬高 1 margin 根據已知的寬高寫死，不推薦 div1 div22 定位 margin top margin left.div1 div23 定位 margin.div1 div24 定位 transform 存在相容問題.div1 ...