欢迎使用图像对齐! 如果您认识此信息, 这是因为这些是从经典版本转换而来的块 标记: 图像对齐 邮政. 证明各种图像定位选项起伏不定的最佳方法是将它们紧紧地依of在单词的海洋中. 抓住桨，开始吧. 确保在RTL模式下尝试. 在两个阅读方向上，左侧应保持在左侧，右侧应保持在右侧.

关于对齐的主题, 请注意，用户可以从以下选项中进行选择 没有任何, 剩下, 对, 和 中心. 如果主题增加了对 对齐, 图像也可以是 宽的 和 全屏宽度. 确保在RTL模式下测试此页面.

此外, 他们还获得图像尺寸的选项 25%, 50%, 75%, 100% 或设定的宽度和高度.

上面的图片恰好是 居中.

本段的其余部分是填充符，目的是为了使文本环绕在150左右×150 图像, 这是 左对齐.

如您所见，上方应该有一些空间, 以下, 并在图像的右侧. 文字不应在图像上蔓延. 爬行是不对的. 图像也需要呼吸空间. 让他们像你说话一样说话. 让他们毫不费力地完成工作. 在这里再多一句话, 我们将看到文本在无缝过渡中从图像的右侧向下移动到图像的下方. 再次, 让它去做. 任务完成!

而现在 大型图片. 它也有 没有对齐.

上图, 虽然宽1200像素, 不应溢出内容区域. 它应保持包含状态，而不会对内容流造成明显干扰.

现在我们要把事情转移到 右对齐. 再次, 上面应该有足够的空间, 以下, 并在图像的左侧. 看看他在那里...嗨，伙计! 晃动右侧的方式. 我不在乎左对齐图像在说什么, 您看起来好棒. 不要让其他人以不同的方式告诉您.

在这里, 您应该会看到文本开始环绕在正确对齐的图像下方，并很好地适应了. 仍然应该有足够的空间，所有的东西都应该坐得很漂亮. 是的...就是这样. 做到正确从来没有感觉到那么好.

就在您以为我们完成了, 我们将重新添加字幕!

上面的图片恰好是 居中. 标题中也有一个链接, 只是看看它有什么时髦.

本段的其余部分是填充符，目的是为了使文本环绕在150左右×150 图像, 这是 左对齐.

如您所见，上方应该有一些空间, 以下, 并在图像的右侧. 文字不应在图像上蔓延. 爬行是不对的. 图像也需要呼吸空间. 让他们像你说话一样说话. 让他们毫不费力地完成工作. 在这里再多一句话, 我们将看到文本在无缝过渡中从图像的右侧向下移动到图像的下方. 再次, 让它去做. 任务完成!

而现在 大型图片. 它也有 没有对齐.

上图, 虽然宽1200像素, 不应溢出内容区域. 它应保持包含状态，而不会对内容流造成明显干扰.

现在我们要把事情转移到 右对齐. 再次, 上面应该有足够的空间, 以下, 并在图像的左侧. 看看他在那里...嗨，伙计! 晃动右侧的方式. 我不在乎左对齐图像在说什么, 您看起来好棒. 不要让其他人以不同的方式告诉您.

在这里, 您应该会看到文本开始环绕在正确对齐的图像下方，并很好地适应了. 仍然应该有足够的空间，所有的东西都应该坐得很漂亮. 是的...就是这样. 做到正确从来没有感觉到那么好.

想象一下，我们会发现超宽图像的用途! 该图像具有 宽幅 结盟:

我们可以做得更大吗? 该图像具有 全屏宽度 结盟:

那是一个包裹, 一世! 您在对齐的动荡不安中幸免于难. 图像对齐成就已解锁! 最后一件事: 帖子内容的最后一项是向右浮动的缩略图. 确保内容正确清除后的所有元素.