分类 Web前端 下的文章

一行CSS实现 解构煎饼式布局:flex: <grow> <shrink> <baseWidth>

接下来我们有解构的煎饼!这是营销网站的常见布局,例如,可能有一行 3 个项目,通常带有图像、标题,然后是一些描述产品某些功能的文本。在移动设备上,我们希望它们能够很好地堆叠,并随着我们增加屏幕尺寸而扩展。

通过使用 Flexbox 实现此效果,您不需要在屏幕尺寸发生变化时通过媒体查询来调整这些元素的位置。

阅读剩余部分

一行CSS实现 超级居中:place-items: center

对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center 会让此操作比您想象的容易。

首先指定 grid 作为 display 方法,然后在同一个元素上写入 place-items: center。place-items 是同时设置 align-items 和 justify-items 的快速方法。通过将其设置为 center , align-items 和 justify-items 都将设置为 center。

阅读剩余部分

vue打开新标签页如何回传参数?

场景介绍

一个页面需要打开另一个页面,并且两个页面之间还需要通信。为了方便叙述我们将前一个页面称为父页面后一个页面称为子页面,父页面需要知道子页面是否关闭(换句话就是子页面关闭的时候需要通知父页面),以方便父页面根据子页面的状态来做一下操作(比如是打开子页面还是和已经打开的子页面进行交互)。

阅读剩余部分