本文探讨了如何使用CSS来布局文本，要求第一行从左到右排列，后续行则右对齐。作者尝试了`div::first-line`和`display: block`等方法，但未能成功。问题在于寻找一种自动方式，不依赖预格式化文本或额外的HTML元素。寻求解决方案聚焦于纯CSS的实现，期望在保持文本流畅性的同时，满足特定的排版需求。
我有一个跨越几行的文本.第一行应该从左到右运行,但是任何不适合第一行的多余文本应该是右对齐的.
这是我想要描述的内容(有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实现这一目标？
扫一扫
1854
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
