美文网首页
CSS之布局初探

CSS之布局初探

作者: TravisW | 来源:发表于2019-01-24 11:59 被阅读0次
  1. 左右布局
    1.1 float + margin



    1.2 绝对定位


  2. 左中右布局
    1.1 float + margin


1.2 绝对定位


1.3 display table


  1. 水平居中
    3.1 行内元素水平居中
    在父级元素上添加
text-align: center;

3.2 block元素水平居中

 margin: auto;
  1. 垂直居中
    4.1 行内元素水平居中
    通过display: tablevertical-align: middle 实现

CSS 的属性 vertical-align 用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。

4.2 block元素水平居中


相关文章

  • CSS之布局初探

    左右布局1.1 float + margin1.2 绝对定位 左中右布局1.1 float + margin 1....

  • CSS基本布局整理

    前言 css布局是前端开发必须掌握的基本内容,前端学习之css基本布局整理。 基本布局 左右布局 div结构: f...

  • 特殊布局方法

    关于圣杯布局和双飞翼布局:CSS布局之--淘宝双飞翼布局双飞翼布局介绍CSS控制自适应宽度两三栏布局圣杯布局的实现...

  • React Native 之 flexbox布局

    React Native 之 flexbox布局 本文详情本文讲解React Native中的布局,该布局用CSS...

  • 文章收藏

    CSS布局 CSS布局方案整理

  • css

    css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...

  • css flex布局详解

    css flex布局详解 css flex布局详解1css flex布局详解2

  • CSS_基础

    初探css,了解个大概,本文主要是对"zhaolion:CSS入门笔记 - 初识CSS"的简要记录 CSS的好处 ...

  • 经典CSS布局:双飞翼和圣杯布局

    圣杯布局 HTML CSS 双飞翼布局 HTML CSS Flex布局 HTML和圣杯布局一样CSS

  • CSS布局奇淫巧计之-强大的负边距

    CSS布局奇淫巧计之-强大的负边距css中的负边距(negative margin)是布局中的一个常用技巧,只要运...

网友评论

      本文标题:CSS之布局初探

      本文链接:https://www.haomeiwen.com/subject/znqyjqtx.html