随笔分类 -  css

摘要:实际代码 <p>1<p>2</p>3</p> 浏览器解析的代码 <p>1</p> <p>2</p> "3" <p></p> 注释:富文本上传时的内容在别处回显时需注意p标签嵌套问题 阅读全文
posted @ 2021-06-25 16:59 two-fish 阅读(200) 评论(0) 推荐(0)
摘要:1.脱离文档流居中 css部分 div{ width: 300px; height: 300px; position: relative; border: 1px solid #465468; } img{ position: absolute; margin: auto; top: 0; left 阅读全文
posted @ 2021-06-21 14:05 two-fish 阅读(408) 评论(0) 推荐(0)
摘要:1.把大盒子叫“容器”,里面的小盒子叫“项目”,“容器”设置display:flex时,具有弹性盒子功能。 2.主轴和交叉轴 默认情况下,主轴和x轴相同,交叉轴和y轴相同。弹性盒子默认会按主轴x轴排列。 3. “容器”内的属性 (1)盒子内部具有flex特性 .container{display: 阅读全文
posted @ 2021-05-25 10:55 two-fish 阅读(397) 评论(0) 推荐(0)
摘要:1.静态定位(static) 一般的标签元素不加任何定位属性都属于静态定位,在页面的最底层属于标准流。 2.绝对定位(absolute) 绝对定位的元素从文档流中拖出,使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置的父级元素进行绝对定位,如果元素的父级没有设置定 阅读全文
posted @ 2021-05-25 10:28 two-fish 阅读(561) 评论(0) 推荐(0)