如何在 CSS 中设置图像的位置？

您可以使用 object-position 属性轻松定位图像。您还可以使用许多其他方法，例如 float-property，本文将进一步讨论这些方法。

方法：

• object-position 属性：指定图像元素如何在其内容框内使用 x、y 坐标定位。
• float 属性：指定元素应如何浮动并将元素放置在其容器的右侧或左侧。

方法一：使用object-position属性

句法：

object-position: 

属性值：

• position：取2个数值，分别对应到内容框左侧的距离（x轴）和到内容框顶部的距离（y轴）。

笔记：

• 我们可以使用 position 属性和一些辅助属性 left 对齐元素 |对 |顶部 |底部。
• 您可以使用字符串值，如右、左、中心、顶部，也可以使用以像素为单位的数值，如200 像素、250 像素。

例子：

HTML

  

    

  

    
        

            GeeksforGeeks
        
        
object-position Property
        
  
        
    

  

输出：

对象位置

方法二：使用float属性

句法：

float: none|inherit|left|right|initial;

注意：元素仅水平浮动，即向左或向右

适当的价值：

• left：将元素放在其容器的右侧。
• right：将一个元素放在其容器的左侧。
• 继承：元素从其父元素（div、table 等）继承浮动属性。
• none：元素按原样显示（默认）。

例子：

HTML

  

    

  

    
        

            GeeksforGeeks
        
        
Float Property
        
    

  

输出：

浮动财产