使用CSS更改自动换行div中第一行的对齐方式

时间:2017-01-25 14:40:39

标签: html css alignment word-wrap

我有一个div,其中包含应自动分成几行的文本。为了表明这个换行因为文本换行而发生的事实我想要将所有包裹的行对齐并保持第一行左对齐。

像这样:

--------- Fixed Width -----------
| This is an automatically      |
| __               wrapped line |
---------------------------------

-----------------------------
| FirstName SecondName      |
| __       VeryLongLastName |
-----------------------------

::first-line - CSS-Selector不允许更改text-align - 属性和text-align-last属性仅适用于使用text-align: justify的文本,这不会产生期望的结果,所以我不知道该怎么做。

为了使它看起来很好,它可能还需要一个"缩进"参数,因此以下任何一行都不能意外地填满整个宽度。 (_

这在HTML / CSS中是否可行?

有多行(但在我的用例中应该非常罕见。):

--------- Fixed Width -------------
| With a longer text it should    |
| __  look like this. You can see |
| __     that the other lines are |
| __               right aligned. |
-----------------------------------

所需的结果与LaTeX amsmath multiline-environment非常相似,但我不能手动设置断点,而是想使用自动换行。

0 个答案:

没有答案