前端面試之父子div居中

2021-10-06 21:33:26 字數 804 閱讀 4932

html中布局:

="father"

>

="son"

>

<

/div>

<

/div>使用彈性布局:

/* 方法一 彈性布局*/

.father

.son

使用子絕父相(1)

/* 方法二 定位方法1*/

.father

.son

使用子絕父相(2):小演算法

/* 方法三 定位方法2(演算法)*/

.father

.son

margin負值的使用方式見我另一篇blog(未寫)

使用子絕父相(3):小演算法公升級版

/* 方法四 定位方法2(演算法)公升級版:2d轉換進行平移 */

.father

.son

不使用定位,將內邊距塌陷刪除

/* 方法五 給子盒子margin,給父盒子: (1)用overflow:hidden清除 (2)為父元素定義上邊框 (3)為父元素定義上內邊距*/

.father

.son

其他方法:將div轉換成為**,目前不知道怎麼寫。。。

div水平垂直居中方法(前端面試必備)

方法1.這也是絕大多數使用的方法 樣式 fa.left1 這種方法能夠實現水平垂直居中,但樣式 太多了 方法1的公升級寫法,使用calc 個人比較推薦的寫法!left1 注意 1.calc 的表示式中運算子兩邊必須要有空格。說明 left calc 50 0.75rem 中的0.75rem是指需要水...

前端面試 前端面試總結2018 07

2周面試了11家公司吧,具體面試題如下 面試第一周 7.23 7.27 中谷芯厚建 蘇寧vivo外包 電面 杭州通策會 第二週 7.30 8.3 南京軟體谷研究院 烽火科技 邁特望,蘇寧外包 電面 平安科技外包 華泰 外包 一輪 技術面,二輪現場技術面 三隻松鼠 電面 一.中谷芯 二.厚建 angu...

前端面試之CSS 設定元素居中

一 塊級元素寬高固定 1 margin 0 auto 當元素的width和height值固定時,使用margin可以實現元素的水平居中,無法實現元素的垂直居中 實現 div margin auto 元素可以水平居中,但是上下值為0 2 position absolute margin負值實現水平垂直...