2017-03-09 35 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
相關問題