自定義文本佈局CSS-JS

我想要做的是，我希望我的每一行文本都比上面的文本更短（寬度）。所以我的文本佈局看起來像我的文本是在一個顛倒的金字塔內。看到下面的圖片：自定義文本佈局CSS-JS

我如何設法使用CSS，javascript或任何可能的方式來做到這一點？感謝您的時間和幫助。

我不能想出任何想法申請。任何想法或代碼片讚賞。給我一個火花開始，我會很感激:) –

嘗試給你的容器元素（可能是一個div）的css屬性text-align:center。那麼你的整個文本將在這個div中居中。現在在您的文本中設置<br>標籤，以使其在所需位置中斷。

2015-11-04 10:48:57 ant45de

這可以工作，但我需要一個解決方案，不需要手動在文本中添加任何代碼。因爲該文本將被訪問者添加。（要從數據庫中提取，並在管理員激活它之後動態地用於「驗證碼」部分）。 –

這將是一個複雜的Javascript算法，它具有很多依賴項，如字體大小，容器的高度和寬度，fontweight。無論如何，這種實施將會很sc。。你有很少的選擇。也許你的文本的創建者在textarea中做休息。 – ant45de

回答