css div水平垂直居中:标题

使用margin:auto实现居中使用实现居中

1. 使用margin:auto实现居中


css
div {
    width: 300px;
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

2. 使用transform实现居中


css
div {
    width: 300px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(544)
java 去除字符串中的空格:String title = Java Remove Spaces from String.rep
上一篇
php date转时间戳 的时间戳
下一篇

相关推荐

  • css基础选择器有几种:CSS基础选择器

    示例示例CSS基础选择器有六种:元素选择器:用于根据 HTML 元素名称来选择元素,如下所示:…

    2023-08-29 10:13:16
    0 56 28
  • css超出隐藏省略:爱上海,一个充满活力的城市!

    css超出隐藏省略,可以使用CSS的text-属性来实现,具体代码如下:…

    2023-06-20 08:27:42
    0 57 20
  • css登录界面模板代码:登录你的账号,开启新的旅程

    CSS登录界面模板代码是一种使用CSS来制作登录界面的代码,它可以帮助开发者快速制作出美观且易于使用的登录界面,以下是一个简单的CSS登录界面模板代码:…

    2023-07-17 05:29:28
    0 87 26
  • css初始化样式:This is a Title

    示例示例CSS初始化样式是指在各浏览器中重置默认的样式,以便于在所有浏览器中保持一致的显示效果。下面是一个常用的CSS初始化样式代码:…

    2023-01-12 02:04:17
    0 41 78
  • css title 样式:标题

    CSS title 样式是指在网页上的标题元素(如 h1、h2 等)的样式。它可以通过 CSS 来定义,从而改变标题的字体、大小、颜色等外观特征。…

    2023-09-11 04:29:01
    0 48 38
  • css 烟花:烟花灿烂,美景无限

    CSS 烟花是一种使用 CSS 创建的动态效果,它可以模拟真实的烟花效果。通常,它包括一些圆形元素,以及一些 CSS 动画,使这些圆形元素模拟出烟花的效果。…

    2023-01-23 07:08:32
    0 33 54
  • css的使用:Welcome to the World of CSS!

    CSS(Cascading Style Sheets)是一种用于定义HTML元素样式的语言。它可以用来控制文本格式、表格大小和位置、图像的位置和外观等等。…

    2023-03-02 01:16:29
    0 94 43
  • css 背景铺满:欢迎来到我的世界

    CSS 代码如下:上面的代码可以使背景图片填充整个浏览器窗口,并且保持图片的原始比例。…

    2023-02-04 14:45:14
    0 73 75

发表评论

登录 后才能评论

评论列表(48条)