前端学习
九翊
这个作者很懒,什么都没留下…
展开
-
BFC(Block Formatting Context)
1.什么是BFC BFC(Block Formatting Context)直译为"块级格式化上下文"。 它是一个独立的渲染区域,具有BFC特性的元素可以看做是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素。 2.如何触发BFC 根元素html float不为none position为absolute或fixed display为inline-block,table-cell,table-caption,flex,inline-flex overflow不为visible ...原创 2021-02-23 13:23:00 · 148 阅读 · 0 评论 -
alt与title的区别(img属性)
img – alt与title的区别: 1.alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。 2.title属性,当配置后鼠标挪动该图片上时显现title配置的内容。 1.当图片添加alt属性但是图像无法正常显示: <img src="../../image/small-A1.jpeg" alt="蜡笔小新" /> 显示: 2.当图片添加alt属性且图像正常显示: <img src="../../image/small原创 2021-01-20 19:49:34 · 1326 阅读 · 0 评论 -
盒子水平垂直居中方法
在500✖️ 500的盒子里,200✖️ 200盒子水平垂直居中 <div class="fa"> <div class="son">123</div> </div> 纯margin + overflow:hidden .fa { width: 500px; height: 500px; background: pink; /* 防止子元素设置margin-top,导致塌陷问题 */原创 2021-02-04 17:38:09 · 140 阅读 · 0 评论