您的位置：首页 > 职场人生

最近面试前端面试题整理（css部分）

2017-08-15 12:11 627 查看

对最近面试的面试题坐下总结：

一，css部分

1，html元素的垂直居中

答案：

<div id="box">
<div>
测试
</div>
</div>
#box{
width: 200px;
height: 200px;
text-align:center;
vertical-align: middle;
display: table-cell;
}

2，css考的最多是flex；

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.flex {
display: flex;
width: 800px;
margin: 0;
padding: 0;
list-style: none;
}

.flex :nth-child(1) {
flex: 1 1 300px;
}

.flex :nth-child(2) {
flex: 2 2 200px;
}

.flex :nth-child(3) {
flex: 3 3 400px;
}
</style>
</head>

<body>
<ul class="flex">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>

</html>

建议多看看这块。

3，然后css还考察了清楚浮动的方法：

答案：

clear:both; overflow:hidden;伪类；

4，就是相对定位和绝对定位相关知识点

比如：position有哪些属性值，每种的意义和用法。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航