css
文章平均质量分 64
很菜的小白在分享
这个作者很懒,什么都没留下…
展开
-
@css + html 实现蛇形流程布局
通过css + html 实现节点流程布局需求背景:在开发可视化流程节点编排项目时需要做一个节点的执行流程结果的展示用于呈现某条流程的执行过程,大致展示结果如下图:说实话,刚拿到设计图时很闷,这咋做(低声细语好恶心的东西),但是没办法呀!有困难就要去克服,本着一个专业程序员的修养(默默打开了百度),一番搜寻无果——属实搞心态。索性放下去搞别的了,不能把其他工作卡住呀。当其他工作OK后又拿起了这个需求左看又看,突然脑子中浮现了新的想法。实现思路:首先将拿到的节点数据进行格式化操作,将原本的一维数原创 2021-09-10 15:45:34 · 2006 阅读 · 2 评论 -
@css flex 布局子内容将父元素撑开
flex 布局子内容被撑开遇到的问题:需要显示的文本是通过富文本编辑器提交是文本(包含了p标签),展示时通过flex布局实现。如下图:但是通过flex布局实现后发现文本内容过长时将后半部分整体撑开了,导致整个卡片内容被撑开了解决:通过给富文本编辑器生成的p标签设置flex:1;width:0px;的方式使整个p标签的宽度由flex属性去决定(也就是有p标签的父元素宽度所决定),再通过设置溢出隐藏的css属性实现溢出隐藏。overflow: hidden; white-space: nowra原创 2021-09-01 17:57:36 · 3092 阅读 · 0 评论