![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 53
cautionHua
喜欢做自己喜欢的事情,希望跟更优秀的人一起变的优秀
展开
-
HTML+CSS手写科技感六边形
最近有个需求需要实现一堆这种五颜六色的六边形作为气泡容器,于是就参考网上的思路写了一个这样的六边形。效果图如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid原创 2021-12-16 16:54:21 · 1081 阅读 · 0 评论 -
p标签包裹div标签结构导致的报错:<div> cannot appear as a descendant of <p>
接手了上任的工作后,发现不少的问题,在control中爆出了这样一大片的错误,找到对应位置后,仔细一看发现是p标签内包了很多的div标签,这还得了,直接随手就改了。devScripts.js:5836 Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>. in div (at PieCharts.tsx:277) in p (at PieCharts.tsx:269原创 2021-09-23 16:26:49 · 2879 阅读 · 0 评论 -
checkbox多选框样式改成radio单选框
公司项目有遇到一个需求,需要展示单选框的样式和以往的达成统一的一致,但是要支持多选的功能,于是就有了这样的一出多改单的情况,主要是将checkbox的样式改成radio,既有多选的功能又有单选的样式。问题:不论是单选还是多选,样式都是无法改变的,我们应该如何实现将checkbox的样式改成radio呢?思路:我们可以改变其他的样式,比如用一个容器来代替这个checkbox模拟一个radio的样式!checkbox和radio的选中状态都可以通过checked伪类获取到对应的状态,这样实现这个需求就变得简原创 2021-05-26 16:31:57 · 1793 阅读 · 0 评论 -
如何处理margin中的合并和叠加现象
什么是margin合并?在实际的网页开发中,我们经常会遇到一些不符合预期的情况,就比如两个div之间设置的margin会进行合并和叠加的现象,我们应该如何处理和防止这样的情况发生。兄弟关系中的margin合并和叠加两个上下div的margin中会进行一个合并,只显示最大的margin值,如下图另外需要提一嘴的是,两个兄弟关系中的左右div元素设置margin,还会发生左右的margin叠加现象父子关系中的margin合并在嵌套关系中的两个块级元素中,只要给子元素中设置一个margin-top原创 2021-03-05 11:46:27 · 718 阅读 · 1 评论