[分享]css中怎么让块元素右对齐

在 CSS 中有很多方法可以让块元素右对齐。下面我们来一一了解。
① 使用 float: right;

<p>使用 float: right; 让块元素右对齐：</p>
<pre>
.right{
   float: right;
} 

可以将带有 .right 类名的块元素向右浮动，实现右对齐。
② 使用 text-align: right;

<p>使用 text-align: right; 让块元素右对齐（前提是该块元素内文本为左对齐）：</p>
<pre>
.right{
   text-align: right;
} 

可以让带有 .right 类名的块元素中的文本实现右对齐。
③ 使用margin-left 为负值；

<p>使用 margin-left 为负值 让块元素右对齐：</p>
<pre>
.right{
   margin-left: -50px; /* 50px 为该块元素的宽度 */
} 

可以让带有 .right 类名的块元素向左移动自己的宽度，实现右对齐。
④ 使用 position: absolute;

<p>使用 position: absolute; 让块元素右对齐。</p>
<pre>
.right{
   position: absolute;
   right: 0;
} 

可以将带有 .right 类名的块元素绝对定位到其父元素的右边缘，实现右对齐。
以上是 CSS 中让块元素右对齐的几种方法。读者可以根据实际情况选择使用。