码迷,mamicode.com
首页 > Web开发 > 详细

Web前端面试指导(十七):一个满屏 品 字布局 如何设计?

时间:2017-05-12 22:13:27      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:web前端

题目点评

这道题目有可能是笔试题,有可能面谈的时候进行叙述,如果是笔试题要求对css样式代码非常熟练,如果是面谈叙述,就需要你的表达能力非常强,要抓住要点,把需要用到的技能点讲清楚就可以了。

需要用到技术


1.     元素水平居中对齐

1)        使用margin对齐(推荐)

2)        使用left:50%

3)        使用text-align

2.  元素对相对窗口定位

1)        使用filxed(推荐)

2)        使用absolute定位

3)        使用html和body的width和height填?这个窗口

3.     元素左右定位

1)        使用float左右浮动

2)        使用绝对定位进行左右定位(推荐)

具体实现的代码

html代码

技术分享

技术分享


Web前端面试指导(十七):一个满屏 品 字布局 如何设计?

标签:web前端

原文地址:http://12803871.blog.51cto.com/12793871/1925020

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!