美文网首页
CSS相关-宽高设置和居中

CSS相关-宽高设置和居中

作者: madpluto | 来源:发表于2017-09-28 20:45 被阅读0次

关于宽高设置:

1. 内联

从左到右 无法设置宽高 内联里可以有内联 高由文字决定 高可以用lineheight或fontsize设置

2. 块级

  • 宽:父亲内容区宽-左右边框-左右margin
  • 高:内部文档流元素高度总和

3. inline-block元素(慎用)

  • 宽:设置with 内容
  • 高: lineheight fontsize
  • 会出现缝隙bug

关于居中:

水平

1. 内联

内加table:c

2. 块级

  • 定宽:左右margin auoto
  • 不固定: 给margin就行

垂直

line-height padding

CSS层级

由内到外分别是:

  • z-index=-1
  • background
  • div
  • 浮动
  • 文字
  • 绝对定位
  • z-index=1

相关文章

  • CSS相关-宽高设置和居中

    关于宽高设置: 1. 内联 从左到右 无法设置宽高 内联里可以有内联 高由文字决定 高可以用lineheight或...

  • css关于居中的方式

    父元素没有固定宽高 水平垂直居中 html: css: 水平居中 不确定子元素宽高 设置水平居中,先将子元素转化为...

  • 1-css的多种垂直居中的方法

    多种css垂直居中的方法 ==css3不定宽高水平垂直居中== 1:固定高宽的垂直居中 如上图,固定高宽的很简单,...

  • css水平、垂直居中的方法

    css居中常用的几种方式 行内元素水平、垂直居中 方案一(不设置居中元素宽高),代码如下:使用display: t...

  • CSS布局相关

    CSS相关 1.左边定宽,右边自适应方案: 2.左右两边定宽,中间自适应 3.CSS左右垂直居中 设置paddin...

  • 工地施工狗的转行之路Day15

    水平居中设置——定宽块状元素 CSS代码width:200px;margin:20px auto; 水平居中设置—...

  • canvas

    注意: 1、canvas不适用css设置宽高,使用自身的width和height设置宽高; 2、canvas和pr...

  • 浅析使用attr设置宽高与css设置宽高的区别

    一、主要区别 使用attr设置宽高,attr对于的是实际宽高,如果没设置css就是显示的实际宽高,如果设置了css...

  • html元素居中

    一、不定宽高元素居中 table absolute, transform css3 flex :before和di...

  • 垂直居中,水平居中

    CSS设置行内元素的水平居中 CSS设置行内元素的垂直居中 CSS设置块级元素的水平居中 CSS设置块级元素的垂直居中

网友评论

      本文标题:CSS相关-宽高设置和居中

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