类别 Markup

欢迎使用图像对齐！要演示各种图像定位选项的起伏变化，最好的办法就是将它们依偎在文字的海洋中。拿上桨，我们开始吧。

关于对齐问题，应该指出的是，用户可以从以下选项中进行选择 无, 左侧, 对 和 中心.此外，他们还可以选择 缩略图, 中型, 大型 & 全尺寸.

上图恰好是 居中.

本段其余部分为填充内容，目的是让读者看到文字围绕 150×150 的图片展开，即 左对齐.

正如您所看到的，图片的上方、下方和右侧应该留出一些空间。文字不应该爬到图片上。爬行是不对的。图片也需要呼吸空间。让图片像文字一样说话。让图片完成自己的工作，而不需要文字的干扰。再多说一句，我们就会看到文字从图片的右边移到了图片的下方，实现了无缝过渡。同样，让文字做它该做的事。任务完成！

现在是 大图.它还具有 不对齐.

上面的图片虽然有 1200px 宽，但不应溢出内容区域。图片应保持在一定范围内，不会对内容流造成明显干扰。

现在，我们将工作重心转移到 右对齐.同样，图像的上方、下方和左侧都应该有足够的空间。看看他......嘿，伙计！你的右边太震撼了。我不管左对齐的图片怎么说，你看起来很棒。别让别人说三道四。

稍等一会儿，你就会看到文字开始包在右对齐图像的下方，并很好地固定下来。这里应该还有足够的空间，一切都应该很美观。就是这样。正确的感觉真好

就在你以为我们已经完成的时候，我们将重新做一遍，并加上字幕！

上图恰好是 居中.标题中还有一个链接，只是想看看它是否会做什么奇怪的事情。

本段其余部分为填充内容，目的是让读者看到文字围绕 150×150 的图片展开，即 左对齐.

正如您所看到的，图片的上方、下方和右侧应该留出一些空间。文字不应该爬到图片上。爬行是不对的。图片也需要呼吸空间。让图片像文字一样说话。让图片完成自己的工作，而不需要文字的干扰。再多说一句，我们就会看到文字从图片的右边移到了图片的下方，实现了无缝过渡。同样，让文字做它该做的事。任务完成！

现在是 大图.它还具有 不对齐.

上面的图片虽然有 1200px 宽，但不应溢出内容区域。图片应保持在一定范围内，不会对内容流造成明显干扰。

现在，我们将工作重心转移到 右对齐.同样，图像的上方、下方和左侧都应该有足够的空间。看看他......嘿，伙计！你的右边太震撼了。我不管左对齐的图片怎么说，你看起来很棒。别让别人说三道四。

稍等一会儿，你就会看到文字开始包在右对齐图像的下方，并很好地固定下来。这里应该还有足够的空间，一切都应该很美观。就是这样。正确的感觉真好

到此为止，哟！你熬过了对齐的艰难时刻。图像对齐成就已解锁！