如何创建在网页上右对齐的图像

使用CSS(层叠样式表)浮动属性,您可以“浮动”任何图像,使其保持在一侧,而文本围绕其流动。要在您的网页上执行此操作,请按照以下步骤操作。

创建右对齐图像

在下面的示例中,我们使用外部 CSS 文件。使用外部 CSS 文件,您可以在包含 CSS 文件链接的任何页面上创建浮动图像。外部 CSS 文件还可以让您更轻松地更改您将来可能想要调整的任何设置。

  1. 创建 CSS 文件或编辑现有 CSS 文件。
  2. 将以下代码添加到 CSS 文件中。
.floatRight{浮动:右;左边缘:20px}

提示添加float:left将使图像浮动在文本的左侧。

要让多个图像浮动在右侧,还要向 CSS 文件添加以下行。

.floatRightClear{float:right;clear:right;margin-left:20px}
  1. 添加上述代码后,保存 CSS 文件并使用类似于以下示例的代码从每个HTML (超文本标记语言)页面调用它。在我们的示例中,我们将 CSS 文件命名为 style.css。
<link rel="stylesheet" href="style.css" Type="text/css" media="all">
  1. 将class=”floatRight”添加到您想要浮动在容器右侧的任何图像。
<img src="链接logo.gif" class="floatRight">
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。
(0)
上一篇 2023年10月5日
下一篇 2023年10月5日

相关推荐