小编lip*_*pao的帖子

在第一行后更改文本对齐

我有一个跨越几行的文本.第一行应该从左到右运行,但是任何不适合第一行的多余文本应该是右对齐的.

这是我想要描述的内容(有3个两行段落):

1. Lorem ipsum dolor sit amet, consectetur adipiscing    |
                                                    elit.|
2. Sed do eiusmod tempor incididunt ut labore et dolore  |
                                            magna aliqua.|
3. Ut enim ad minim veniam, quis nostrud exercitation ul-|
                     lamco laboris nisi ut aliquip ex ea.|
Run Code Online (Sandbox Code Playgroud)

我尝试过这个简单的解决方案:

div {
  text-align: right;
}

div::first-line {
  text-align: left;
}
Run Code Online (Sandbox Code Playgroud)

但这不起作用.强制阻止显示到第一行 - div::first-line {display: block;}- 也没有帮助.

将第一行或每隔一行关闭成一个单独的span或用某些东西操纵或使其全部预格式化的文本不是一种选择; 它应该自动进行.

有没有办法用CSS实现这一目标?

html css css3 text-alignment

5
推荐指数
1
解决办法
400
查看次数

标签 统计

css ×1

css3 ×1

html ×1

text-alignment ×1