Gutenberg: 带有 `alignfull` 和 `alignwide` 的图像不应该用 `p` 括起来

创建于 2017-07-03  ·  3评论  ·  资料来源: WordPress/gutenberg

没有标题的全宽图像呈现如下：

<p>
  <img src="..." alt="..." class="alignfull wp-block-image">
</p>

大多数主题将具有全宽p元素，因此几乎不可能使图像全宽，没有 JS 或一些position: * hacks。

一些可能的解决方案：

  • alignfull和alignwide始终使用figure元素
  • 使用带有alignfull和alignwide的div元素，而不是p
  • 将alignfull和alignwide类也添加到p元素中。

类似于https://github.com/WordPress/gutenberg/issues/1305

picture pfefferle

最有用的评论

我认为这是一个非常扎实的观察，也是很好的门票。 使图像变为全宽已经很复杂了，但这会使主题变得更容易一些。 👍👍

picture jasmussen 于 2017-07-03
❤2

所有3条评论

这对我来说很有意义 cc @jasmussen

在这种情况下，我会选择figure包装器。

youknowriad picture youknowriad 于 2017-07-03
👍1

我认为这是一个非常扎实的观察，也是很好的门票。 使图像变为全宽已经很复杂了，但这会使主题变得更容易一些。 👍👍

jasmussen picture jasmussen 于 2017-07-03
❤2

这很快，谢谢：微笑：

pfefferle picture pfefferle 于 2017-07-03
😄1
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

davidsword picture davidsword  ·  3评论
bradyvercher picture bradyvercher  ·  3评论
JohnPixle picture JohnPixle  ·  3评论
jasmussen picture jasmussen  ·  3评论
mhenrylucero picture mhenrylucero  ·  3评论