CSS 换行文本下一行右对齐 - CSS

在设计网页时，我们经常需要对文本进行排版，其中包括对文本的对齐方式进行设置。本文将介绍如何使用CSS实现换行文本下一行右对齐的效果。

实现方法

我们可以使用以下CSS属性来实现该效果：

• display: inline-block; （使元素变为行内块元素）
• text-align: right; （将文本右对齐）
• white-space: nowrap; （禁止文本换行）

下面是一个例子：

span {
    display: inline-block;
    text-align: right;
    white-space: nowrap;
}

下面是HTML代码：

<p>这款机器功能十分强大，而且价格也相对便宜。很多用户对它进行了好评。</p>
<span>- 马克 · 雪柏格</span>

效果如下：

这款机器功能十分强大，而且价格也相对便宜。很多用户对它进行了好评。 - 马克 · 雪柏格

注意事项

• 建议使用内联元素（如span）实现该效果
• 使用white-space: nowrap;将文本禁止换行，可能会造成文本溢出的情况，需要注意
• 该效果不适用于多行文本

以上就是CSS实现换行文本下一行右对齐的方法。