html – 在第一行后更改文本对齐

前端之家收集整理的这篇文章主要介绍了html – 在第一行后更改文本对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

这是我想要描述的内容(有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.|

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

div {
  text-align: right;
}

div::first-line {
  text-align: left;
}

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

将第一行或每隔一行关闭到一个单独的范围或某些操作或使其全部预格式化的文本不是一个选项;它应该自动进行.

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

最佳答案
如果将每个行包装为单独的div,则可以使用text-align-last属性

div {
   text-align: left;
   text-align-last: right;
   margin-bottom:10px;
}
IoUs trees,especially in sandy soils. It can open up its rays to expose the spore sac in response to increased humidity

猜你在找的HTML相关文章