<style type="text/css">
td { font-size: 12px; }
</style>
<table id="oTable" border="0" cellspacing="0" cellpadding="0">
<tr><td id="id1">北京市教育局</td></tr>
<tr><td id="id2">北京市政府纠风办</td></tr>
<tr><td id="id3">北京市文化广电新闻出版局</td></tr>
<tr><td id="id4">北京市物价局</td></tr>
</table>
<script type="text/javascript">
onload = function() {
//var wTable = $('oTable').clientWidth;
//alert(wTable);
/*for (var i = 0; i < $('oTable').rows.length; i ++) {
for (var j = 0; j < $('oTable').rows[i].cells.length; j ++) {
var cellobj = $('oTable').rows[i].cells[j];
var length = cellobj.innerText.length;
var wFont = parseInt(cellobj.currentStyle.fontSize);
var space = (wTable / wFont - length) / (length - 1);
//cellobj.style.letterSpacing = space + 'em';
}
} */
test();
function $(_id) { return document.getElementById(_id); }
}
function test(){
var wTable = 200;
var cellobj1 = $('id1');
var length = cellobj1.innerText.length;
var wFont = parseInt(cellobj1.currentStyle.fontSize);
var space = (wTable / wFont - length) / (length - 1);
cellobj1.style.letterSpacing = space + 'em';
var cellobj2 = $('id2');
var length = cellobj2.innerText.length;
var wFont = parseInt(cellobj2.currentStyle.fontSize);
var space = (wTable / wFont - length) / (length - 1);
cellobj2.style.letterSpacing = space + 'em';
var cellobj3 = $('id3');
var length = cellobj3.innerText.length;
var wFont = parseInt(cellobj3.currentStyle.fontSize);
var space = (wTable / wFont - length) / (length - 1);
cellobj3.style.letterSpacing = space + 'em';
var cellobj4 = $('id4');
var length = cellobj4.innerText.length;
var wFont = parseInt(cellobj4.currentStyle.fontSize);
var space = (wTable / wFont - length) / (length - 1);
cellobj4.style.letterSpacing = space + 'em';
function $(_id) { return document.getElementById(_id); }
}
</script>