經典布局面試題

問題描述: 實現乙個div垂直居中, 其距離螢幕左右兩邊各10px, 其高度始終是寬度的50%。同時div中有乙個文字a，文字需要水平垂直居中。

<

!doctype html>
"en"
>
"utf-8"
>
document<
/title>
*      html,body 
/*設定div佔滿整個body，為了設定寬度為高度的一半做的輔助工作*/
width:
100%
;        height:
100%
;/* 讓子元素div垂直水平居中 */
display: flex;
align-items: center;
justify-content: center;
}.box 
<
/style>
<
/head>
<
!--問題描述: 實現乙個div垂直居中, 其距離螢幕左右兩邊各10px, 其高度始終是寬度的50
%。同時div中有乙個文字a，文字需要水平垂直居中。--
>
=>
="box"
>
a<
/span>
<
/div>
<
/div>
<
/body>
<
/html>

頁面布局面試題

題目 假設高度已知，請寫出三欄布局其中左右各300，中間自適應 這裡有5種方法 浮動 彈性盒子 定位 布局 網格布局 layout layout left center right left right center grad left center right layout position la...

常見的div布局面試題

題目1 如何讓乙個子元素在父元素裡水平垂直居中？方法1.box child div 方法2 box child div 方法3 box child div 方法4 box child div 方法5 box child div 題目2 高度已知，分為三欄，左右各300px,中間自適應？方法1 浮動布...

css中的常見布局面試題

雙飛翼和聖杯布局區別可參考 一 固定布局 二 自適應布局 寬度隨著網頁大小的改變而改變 三 常見型別 1 兩列布局 1.1 左邊寬度固定，右邊寬度自適應 左邊浮動，下乙個元素就會佔據位置，併排一行 main 左邊設定固定寬度以及左浮動 為了不佔一行 left 右邊設定自適應寬度，最小寬度，margi...