如何使用 CSS 中的 position 属性来对齐元素？

在本文中，我们将学习如何使用CSS 中的 position属性来对齐元素。我们可以使用 CSS 的 position属性和它的一些辅助属性来对齐元素。

方法： position属性用于设置元素的位置。我们可以使用position属性和一些辅助属性left 来对齐元素 |对|顶部 |底部，用于设置元素的坐标。要使用position属性对齐元素，我们设置元素的位置，然后使用 helper 属性设置元素的坐标。

句法：

position: static | relative | absolute | fixed | sticky

示例 1：下面是将元素居中对齐的上述方法的实现。

HTML

    


    

           GeeksforGeeks
     
    

           GeeksforGeeks
     

输出：

• 定位前：

定位前

• 定位后：

定位后

示例 2：绝对值 position 根据页面取位置，因为绝对位置以页面为父页面。为了根据父类进行添加，我们必须相对于父类添加。

HTML

    


    

        

              GeeksforGeeks
        
        

              GeeksforGeeks
        
    

输出：

• 定位前：

定位前

• 定位后：

定位后