如何在网页上对齐和浮动元素

项目在网页上的放置对整体设计至关重要。 尽管还有其他方法可以影响布局，比如使用表格（ 我们不推荐 ），但最好的方法是使用CSS 。

下面，我们将看看如何使用简单的CSS样式内联属性来对齐图像，表格，段落等。

注意：这些相同的方法也可以在外部样式表上使用，但由于这些方法适用于单个项目并且可能需要保持这种方式，所以最好使用如下所述的内联样式。

对齐文本段落

段落标记是开始布置网页的第一个地方。 它的打开和关闭标签如下所示：

段落中文本的默认对齐方式位于页面的左侧，但您也可以将段落对齐到右侧和中间。

使用float属性可以将段落对齐到父元素的右侧或左侧。 该父元素内的任何其他元素将围绕浮动元素流动。

要使段落达到最佳效果，最好在段落的宽度设置为小于容器（父级）元素的宽度。

将段落内的文本对齐

可以说，段落文本中最有趣的对齐方式是“证明”，它告诉浏览器显示对齐的文本，实质上是对着窗口的右侧和左侧。

为了验证段落中的文本，您可以使用text-align属性。

您还可以使用text-align属性将段落内的所有文本对齐到右侧或左侧（默认设置）。

文本对齐属性将对齐元素内的文本。 从技术上讲，它不应该对齐段落或其他元素中包含的图像，但大多数浏览器将图像视为内联属性。

对齐图像

在图片标签上使用浮动属性，您可以定义图片在页面上的位置以及文本如何环绕它们。

就像上面的段落一样，图片标签中的浮动样式属性会将您的图片放置在页面上，并告诉浏览器如何在图片周围流动文本和其他元素。

当图像显示在屏幕的左侧时，跟在上面图像标签上的文字将在图像周围流动。

如果我想让文本停止环绕图像，我使用clear属性：

调整多于段落

但是，如果您想要对齐的不仅仅是段落或图像呢？ 您可以简单地在每个段落中放置一个样式属性，但是您可以使用一个更有效的标签：