分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

HTML和CSS必须知道的重点难点问题

发布时间:2023-09-06 01:43责任编辑:沈小雨关键词:CSSHTML

一、如何让一个不定宽高的div,垂直居中? 

    1、使用flex布局,只需要在盒子的父级设置如下代码即可:

.className{ ???display:flex; ???justify-content:center; ???align-items:center; ???}

    2、使用css3transform布局:

      父级盒子设置:

{
  position:relative;
}

      div设置:

{
  transform:translate(-50%,-50%);   position:ansolute;   top:50%;left:50%;
}

    3、使用 display:table-cell 方法

      父级盒子设置:

{ ??????display:table-cell; ??????text-align:center; ??????vertical-align:middle; ?}

      div设置:

{ ???display:inline-block; ???vertical-align:middle;} ???

HTML和CSS必须知道的重点难点问题

原文地址:https://www.cnblogs.com/JeneryYang/p/8485044.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved