html button 自动换行,HTML – 在ie7中指定宽度的按钮自动换行？

我对包含动态本地化字符串的按钮有类似的问题.

最好的解决方案可能是不使用< button>标签.您可以将其替换为< a>标签设计为按钮.在这种情况下,IE似乎处理好包装.

就我而言,这不是一个简单的选择.所以我制作了一个修补IE渲染的polyfill：

var buttons = document.getElementsByTagName('button');

for(var j=0; j < buttons.length; j++) {

var button = buttons[j];

var textNode = button;

while(textNode.children[0]) {

textNode = textNode.children[0];

}

var text, words, numSplits;

var spacing = 0;

while(button.scrollWidth !== 0 && button.clientWidth !== 0 &&

button.scrollWidth > button.clientWidth) {

if(!spacing) {

text = textNode.innerHTML;

words = text.split(' ');

numSplits = Math.ceil(button.scrollWidth / button.clientWidth);

spacing = Math.round((words.length)/numSplits);

}

for(var i = spacing; i < words.length; i+=spacing+1) {

words.splice(i , 0, '
');

}

textNode.innerHTML = words.join(' ');

spacing--;

words = text.split(' ');

}

}