css基础
ljlttkx
。。。。。
展开
-
内部DIV设定position: absolute该如何居中
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>测试</title><style>.className1{width: 300px;height: 300px;margin:0 auto;background-color: red;position: relative;} .className2{position: absolute原创 2021-07-14 16:32:34 · 385 阅读 · 0 评论 -
CSS 中的position定位:absolute和relative
relative:生成相对定位的元素,相对于其正常位置进行定位absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位注:(所有的块属性的position默认为static)如果要使绝对定位absolute生效,必须指定left、right、top和bottom属性中的至少一个...原创 2021-07-14 16:05:10 · 111 阅读 · 0 评论 -
常用的几种布局方式---Flex 布局(垂直居中展示)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档常用的几种布局方式---Flex 布局(垂直居中展示)前言一、默认使用静态布局二、flex布局1.父元素container1.1.display:flex1.2.flex-direction属性1.3.主轴与侧轴1.4.justify-content属性1.5.align-items属性1.6.flex-wrap属性2.子元素items前言怎样让一个元素在垂直或者水平方向居中显示,可以使用css解决,但是会出现不同浏览器的兼容性问题,原创 2021-03-30 20:24:21 · 18378 阅读 · 2 评论