1. 您所在位置：
  2. 网站首页
  3. 文档分类
  4. 计算机
  5. CSS/Script

CSS经典布局面试题及详细答案.docx

CSS经典布局面试题及详细答案.docx

    CSS经典布局面试题及详细答案

    一、基础布局（入门必问）

    1.请用CSS实现“水平居中+垂直居中”，至少写出3种方法，并说明各自适用场景

    答案：

    核心前提：假设父容器为box，子元素为child，基础结构如下（所有方法基于此结构）：

    html

    divclass=box

    divclass=child居中内容/div

    /div

    方法1：flex布局（最常用，推荐）

    css

    .box{

    width:300px;

    height:300px;

    border:1pxsolid#000;

    /*核心代码*/

    display:flex;

    justify-co

    您可能关注的文档

    最近下载

    文档评论（0）

    1亿VIP精品文档

    更多 >

    相关文档

    更多 >