前端面試題(06)
阿新 • • 發佈:2020-09-10
本篇LIST
如何垂直居中一個浮動元素?
px 和 em 的區別。
描述一個”reset”的 CSS 檔案並如何使用它。知道 normalize.css 嗎?你 瞭解他們的不同之處?
Sass、LESS 是什麼?大家為什麼要使用他們?
display:none 與 visibility:hidden 的區別是什麼?
// 方法一:已知元素的高寬 #div1{ background-color:#6699FF; width:200px; height:200px; position: absolute; //父元素需要相對定位 top: 50%; left: 50%; margin-top:-100px ; //二分之一的 height,width margin-left: -100px; } //方法二:未知元素的高寬 #div1{ width: 200px; height: 200px; background-color: #6699FF; margin:auto; position: absolute; //父元素需要相對定位 left: 0; top: 0; right: 0; bottom: 0; }
那麼問題來了,如何垂直居中一個?(用更簡便的方法。)
#container //<img>的容器設定如下
{
display:table-cell;
text-align:center;
vertical-align:middle;
}
3.
4.
5.