-
当把当前元素设置为绝对定位之后:
- 如果父级元素没有开启定位:当前元素是相对于页面定位的。
- 如果父级元素开启了定位:当前元素是相对于父级元素定位。
怎么给父级元素开启定位?
- 将父级元素的position属性设置为relative/fixed/absolute
查看全部 -
脱离文档流的三种方法:
- 设置浮动 float
- 绝对定位 absolute
- 固定定位 fixed
查看全部 -
优点:
只需要对子级元素进行设置就可以实现水平方向居中布局效果。
缺点:
如果子级元素脱离文档流,导致margin属性的值无效。
查看全部 -
margin:
查看全部 -
display属性:
- block:块级元素
- inline:内联元素(text-align属性有效)
- width 和 height 属性无效
- inline-block:行内块级元素(块级+内联)
- width 和 height 属性有效
查看全部 -
text-align属性:为文本内容设置对齐方式
- left:左对齐
- center:居中对齐
- right:右对齐
查看全部 -
水平居中布局实现方式:
- inline-block + text-align 属性配合使用
- table + margin 属性配合使用
- absolute + transform 属性配合使用
查看全部 -
水平居中布局:当前元素在父级元素容器中,水平方向是居中显示的。
查看全部 -
居中布局的分类
- 水平居中布局
- 垂直居中布局
- 居中布局(水平+居中)
查看全部 -
什么是布局?
- 简单来说就是HTML页面的整体结构或骨架。
- 布局部署某个技术内容,而是一种设计思想。
查看全部 -
?针对文本的布局样式(如 text-align,vertical-align 等)具有继承性,会影响子元素的布局
查看全部 -
表格的单元格(即 td 元素)的内容可以有水平(text-align)和垂直(vertical-align)两种居中方式
查看全部 -
float+margin属性配合使用
float+overflow属性配合使用
display属性的table相关使用
查看全部 -
子元素为什么要把display设置inline-block属性
首先父级设置了text-align,这里是文本居中效果
但是这个只有inline:内联元素对其有效,但是因为inline属性,对宽和高是无效的,所以这里使用了inline-block属性
查看全部 -
布局 css 掌握
查看全部
举报