通过附加和前置空格在javascript函数中自动换行和居中对齐

Question

for (eg) for a max 15 Word Line, if the input str="text acknowledgement" the the string should contain str =" text acknowledgement" basically adding spaces at the right place so that when i place in a 15 line Word Wrapping editor it should wrap and center align as shown below.

text
acknowledgement

I am seeing a solution here Wrap Text In JavaScript except it doesn't center align the words.

Any help is appreciated.

Answer 1

Aligning text by inserting space characters works ONLY in a very restricted environment: fixed-width horizontal space using a monospace font of a specific, known size. Change any of those parameters (width, font, font-size) and your alignment will be off.

Alignment should be accomplished with CSS.

Answer 2

Here is my solution:

String.prototype.centerText = function(numberOfSpaces)
{
    var text = this;
    text = text.trim();
    var l = text.length;
    var w2 = Math.floor(numberOfSpaces / 2);
    var l2 = Math.floor(l / 2);
    var s = new Array(w2 - l2 + 1).join(" ");
    text = s + text + s;
    if (text.length < numberOfSpaces)
    {
        text += new Array(numberOfSpaces - text.length + 1).join(" ");
    }
    return text;
};

Usage:

var textToBeCentered = "Hello, World!";
var centeredText = textToBeCentered.centerText(40);
// centeredText = "              Hello, World!              ";