CSS-强制文本填充n行

CSS-强制文本填充n行,css,text,Css,Text,有点附加问题,找不到任何内容 我有一些带文本的div,它们有50%的宽度。 我怎样才能强制文本在必要时打断以形成3条平衡线 基本上,这里有一个例子: 目前: I am some text la la la Text 我想要的是: I am some text la la la Text 因此,文本换行并平衡了3行 在CSS中有没有这样做的方法 TIA。您可以在css中为div添加高度 .div{ line-height: 1.5em; height: 4.5em;

有点附加问题,找不到任何内容

我有一些带文本的div,它们有50%的宽度。 我怎样才能强制文本在必要时打断以形成3条平衡线

基本上,这里有一个例子: 目前:

I am some text la la la
Text
我想要的是:

I am some
text la la
la Text
因此,文本换行并平衡了3行

在CSS中有没有这样做的方法


TIA。

您可以在css中为div添加高度

.div{
    line-height: 1.5em;
    height: 4.5em;   
    overflow: hidden; 
}

文本正在扩展以占据包含它的元素的空间,即
50%
。如果希望文本具有较小的宽度并保留
div
元素的大小,则需要将文本嵌套在另一个具有不同宽度的元素中

我敢肯定,如果你仔细看,你会发现一个奇怪的黑客,使纯文本压缩到不同的宽度,但我相信它只是最有意义的使用另一个元素

<div>
  <p>asdf asdf asdf asdf asdf asdf asdf asdf</p>
</div>

div {
  width: 50%;
}

p {
  width: 100px;
}

asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf

div{ 宽度:50%; } p{ 宽度:100px; }
我不明白,你说的“休息”是什么意思?你不想让文本溢出到新行上吗?或者你呢?编辑后希望解释一下。我希望文本均匀地填充3行。这不会迫使文本形成3行偶数?这只指定高度。。。他问宽度。