前端面試題答案整理之CSS

2021-07-28 03:55:38 字數 1419 閱讀 9224

//適用於寬高已知的元素。

.item

"item"

>

//利用flex布局,不限制寬高

.parent

.item

"parent"

>

"item"

>

//.item

"item"

>

居中div中的內容

//缺點是如果div寬度設定不夠,內容會自動換行超出容器。只有當div的寬度足夠容納文字時,才會達到想要的效果,適用於單行文字居中。

.item

"item"

>垂直水平我都居中了。

//利用table布局。適用於多行居中。

.parent

.item

"parent"

>

"item"

>垂直水平我都居中了。

class="content">

class="top">p1

class="left">p2

class="right">p3

//滿屏品字布局

*.top

.left,.right

.right

//非滿屏品字布局

*.top

.left,.right

.left

.right

//三列布局,左右定寬中間自適應。本文採用的方法注意center放在最後面乙個div

class="content">

class="left">p1

class="right">p3

class="center">p2

*.center

.left

.right

//三列布局,利用flex布局

class="content">

class="left">p1div>

class="center">p2div>

class="right">p3div>

div>

* .content

.left,.right

.center

.clear

::after

class="content">

class="top">

class="bottom">

//絕對布局

*.content

.top

.bottom

//flex

.content

.top

.bottom

大廠高階前端面試題答案

使用過的koa2中介軟體 koa body原理 有沒有涉及到cluster 介紹pm2 pm2是node程序管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如效能監控 自動重啟 負載均衡等,而且使用非常簡單 master掛了的話pm2怎麼處理 如何和mysql進行通訊 node為例 rea...

大廠高階前端面試題答案

使用過的koa2中介軟體 koa body原理 有沒有涉及到cluster 介紹pm2 pm2是node程序管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如效能監控 自動重啟 負載均衡等,而且使用非常簡單 master掛了的話pm2怎麼處理 如何和mysql進行通訊 node為例 rea...

大廠高階前端面試題答案

使用過的koa2中介軟體 koa body原理 有沒有涉及到cluster 介紹pm2 pm2是node程序管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如效能監控 自動重啟 負載均衡等,而且使用非常簡單 master掛了的話pm2怎麼處理 如何和mysql進行通訊 node為例 rea...