![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
html
谁扔的炮仗啊
蜘蛛侦探蟑螂恶霸蝎子莱莱鲨鱼辣椒蜻蜓队长
展开
-
label标签 的使用与作用
label标签一般用来提升用户体验性,常和input标签联用。主要实现的是,点击label标签包裹的内容,相当于点击了input表单。1.需求我希望达到点击右侧的span标签,也能达到勾选的目的2.实现用label标签把 <span>点我也行</span> 包裹起来给input设置一个id设置label的for属性3.注意点input表单的id和labeld的for属性的值一定要保持一致...原创 2022-05-12 00:06:24 · 6540 阅读 · 0 评论 -
什么是margin塌陷以及如何解决
1.场景展示初始状态注意:我们遇到了问题,我们原本是想让子盒子往右下移动,所以设置了margin-left、margin-top,margin-left如我们期待达到效果,但margin-top却出现了奇怪的现象,如图所见,子盒子并没有在父盒子中向下跑,而是让父盒子向下跑了。情况总结:两个父子元素,内部的盒子给margin-top,其父级也会受到影响,同时产生上边距,父子元素会进行粘连。2.解决方案(1).给父盒子设置border,添加border后,父子盒子就不是真正意义上原创 2022-05-08 21:38:40 · 236 阅读 · 0 评论 -
你不得不知道的使一个盒子水平垂直居中的五种方法
1.需求初始代码及盒子效果2.方法一:利用定位 子绝父相子盒子定位(距父盒子宽度、高度一半的位置),然后再移动自身宽度、高度的一半3.方法二 利用transform相当于是简化了方法一的margin-top:-50px;margin-left:-50px4.方法三 手动计算父盒子与子盒子的空间距离5.方法四 利用disply:flex注意:在父盒子中设置,对子盒子生效,不要错给子盒子设置6.方法五 利用margin:auto7.方法六 利用d.原创 2022-05-06 20:30:36 · 225 阅读 · 0 评论