那么该如何对齐纯文本和具有背景的段落呢？这取决于背景的视觉密度。如果它很轻，可以将突出显示的段落与其余的文本对齐。

通常背景很浅时，它并不会打断正常阅读的文本流。

还有一个方法可以应用于密集的背景。在图片上，黑色背景与其余的文本对齐，而其中的白色文本则以缩进形式放置。

与浅色背景不同的是，黑色具有很大的视觉重量，如果是无缝地插入一段文字，最好是按照下图所示的方式对齐。

同样的原理也适用于按钮和输入字段。当然，这并不是绝对的。

左侧输入字段的浅色背景超出了输入信息和输入的用户名。“发送”按钮的右边缘与输入背景的右边缘没有完全对齐，因为按钮较暗，从视觉角度看，更重一些。

在右侧，输入框有黑色描边，我们将它们与标题对齐，用户名在输入框内缩进。“发送”按钮因为有三角形边缘，所以将按钮向右移动一点，以便与文本框保持平衡。

接下来，我们将进一步了解视觉对齐的方式——文本与按钮的对齐。如图，下面两个按钮虽然形状不一致，但文本看起来是居中的。

• 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
• 本资源来源于互联网,仅供学习参考禁止用于商业用途。
• 若该资源侵犯了您的权益，请联系我们处理