1. 程式人生 > 實用技巧 >前端面試題(06)

前端面試題(06)

本篇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.