首页 > 代码库 > Web前端面试指导(十七):一个满屏 品 字布局 如何设计?
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前端面试指导(十七):一个满屏 品 字布局 如何设计?
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。