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

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

概述我有一个跨越几行的文本.第一行应该从左到右运行,但是任何不适合第一行的多余文本应该是右对齐的.这是我想要描述的内容(有3个两行段落):1. Lorem ipsum dolor sit amet, consectetur adipiscing | el

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

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

以上是内存溢出为你收集整理的html – 在第一行后更改文本对齐全部内容,希望文章能够帮你解决html – 在第一行后更改文本对齐所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1119282.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)