Position Container Block Examples
"(《世界人权宣言》) Position Container Block features options to scale and move the position of any content within the container. It’s a useful design tool for breaking the grid, and designing outside the box. Any combination of moving, scaling, and pulling can be used together. Additionally, the position can be optionally be reset in mobile, so it does not break the layout on mobile devices.
下面展示了多个区块的变体。每个变体都可以复制到剪贴板,然后直接粘贴到 WordPress 块编辑器中。不过 有机块 需要使用插件。
请注意 这些是为展示图块灵活性而创建的样式变化示例。任何变体都可以根据自己的喜好进行修改,也可以使用区块设置创建全新的变体。
变式 1
Position Block
In this example, the position is moved left 200 pixels.
使用按钮复制这个区块变体,然后粘贴到 WordPress 的区块编辑器中。块 有机块 需要使用插件。
变式 2
Position Block
In this example, the position is moved down 120 pixels.
使用按钮复制这个区块变体,然后粘贴到 WordPress 的区块编辑器中。块 有机块 需要使用插件。
变式 3
Position Block
In this example, the position is moved right 400 pixels.
使用按钮复制这个区块变体,然后粘贴到 WordPress 的区块编辑器中。块 有机块 需要使用插件。
变式 4
Position Block
In this example, the position is pulled left 260 pixels.
使用按钮复制这个区块变体,然后粘贴到 WordPress 的区块编辑器中。块 有机块 需要使用插件。
变式 5
Position Block
In this example, the scale is reduced to 0.7.
使用按钮复制这个区块变体,然后粘贴到 WordPress 的区块编辑器中。块 有机块 需要使用插件。
Variation 6
Position Block
In this example, the scale is increased to 1.3.
使用按钮复制这个区块变体,然后粘贴到 WordPress 的区块编辑器中。块 有机块 需要使用插件。