2017-03-09 76 views
0

我想冠军为我的博客帖子自动类似“扯平”的宽度。此外,顶线应始终比底线长,但它们的宽度总是相似。自动添加一个换行符做出senentence的线宽度

请注意,我在寻找一个CSS只解决方案。我知道我可以使用JavaScript或PHP轻松完成此任务,但我只是想知道是否有更简单的响应式解决方案。

一个下面的例子:

默认行为:

Lorem存有悲坐阿梅德,consectetur adipiscing ELIT,sed的根本eiusmod tempor incididunt UT

labore等dolore麦格纳aliqua。

要我要:

Lorem存有悲坐阿梅德,consectetur adipiscing ELIT,SED做

eiusmod tempor incididunt UT labore等dolore麦格纳aliqua。

+0

你可以得到大多有使用'width'或'包含元素上的“max-width”。但CSS只是简单的设计。你不一定能保证顶线比底线长,但大多数情况下应该结束了这种方式,根据不同的话。为了确保这样的事情,你需要使用JavaScript。 –

+0

'width'和'MAX-width'没有在实践中很好地扩展句子时,长度会有所变化,并响应宽度应用。 – Swen

+1

没有干净的解决方案到,CSS只,虽然矿山可能的这个答案给出了一个暗示怎么可以这样做:http://stackoverflow.com/a/42563595/2827823 – LGSon

回答

2

你需要使用:

  • widthvw
  • font-sizevw
  • text-align: justify
相关问题