- 博客(4)
- 收藏
- 关注
转载 Web前端入门第 48 问:纯 CSS 使用 column 属性实现瀑布流布局
在多列布局方面 column 属性相比于 flex 和 grid 而言,显得更有优势。虽说 grid 也能做出瀑布流效果,不过需要指定每个网格单元的占用大小。column 虽然不用控制每个子项的大小,但它的子元素排列顺序是从上到下排列,并不是从左往右,这种情况如果数据存在分页加载时候,就会出现内容重新排列导致内容闪动。在瀑布流布局这个需求场景下,CSS 多多少少还是有点弱鸡~~必要时候还是只有祭出 JS。break-*控制多列布局如何中断换列:原创作者: linx。
2025-06-04 14:40:03
33
转载 一个神奇的JS代码,让浏览器在新的空白标签页运行我们 HTML 代码(createObjectURL 的妙用)
目前,网上很多在线运行 HTML 的页面,大都是这样的逻辑:上面一个代码框<textera>,下面一个<iframe>,然后通过 js,将我们的代码框中的 HTML 给输入到<iframe>里面,这便是一个简单的在线运行 html 的逻辑。甚至我们可以在一行里写一个在线运行 html 的页面。比如下面这个,一个高度精简的简短的 HTML JS CSS代码:bodyoninputstyletextareaiframewidth100%;
2025-04-25 14:55:28
60
转载 Hadoop重新格式化HDFS的方案
Hadoop重新格式化HDFS的方案HDFS(Hadoop分布式文件系统)是Hadoop生态系统的核心组件之一,它负责存储和管理大规模数据集。有时候,由于某些原因,我们需要重新格式化HDFS并清除所有先前的数据。本文将介绍如何重新格式化HDFS的方案。步骤1:停止所有Hadoop服务在开始重新格式化HDFS之前,需要停止H...
2024-08-11 02:15:12
603
转载 mongodb WiredTigerLog
如何实现mongodb WiredTigerLog 前言 作为一名经验丰富的开发者,我们经常会遇到教新手解决问题的情况。在这篇文章中,我将指导一位刚入行的小白如何实现“mongodb WiredTigerLog”。 流程 首先,让我们来看一下实现“mongodb WiredTigerLog”的整个流程: 步骤 操作 ...
2024-07-14 03:51:14
227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅