2013-07-21 17 views
2

爲(例如),如果輸入的STR =「文本確認」的字符串應包含STR =」            文字         確認」 在正確的地方基本上添加的空間,這樣,當我在15號線自動換行編輯器把它換行,並居中對齊,如下圖所示。渦卷文本和中心對準通過用於最多15個字線附加&前面加上空格

           文本         
確認

我看到了這裏的解決方案Wrap Text In JavaScript只是它不中心對齊的話。

任何幫助表示讚賞。

+0

中心對準,您應該使用風格設置。 –

+0

'Java'是'JavaScript','Car'是'Carpet'。 –

+0

我沒有使用HTML元素或CSS,但我在我的HTML5 hang子手遊戲中使用畫布,基本上我已經有一個邏輯來繪製空白破折號,只要返回字符串有空白以居中對齊,我的遊戲邏輯就可以顯示/畫出文字。 – user1370642

回答

0

通過插入空格字符對齊文本只能在非常有限的環境下工作:使用特定已知大小的等寬字體的固定寬度水平空間。更改任何這些參數(寬度,字體,字體大小),您的對齊將關閉。

對齊應該用CSS完成。

+0

是的,我只需要一個特定的目的,請查看我上面的評論。 – user1370642

0

這裏是我的解決方案:

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; 
}; 

用法:

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