自增下拉框如何 怎么对齐 增加到10 由于多一位对不齐

    var htmlTR ='<tr id=\"' + count + '\">'+
                    '<td>'+(count+1)+  
                       '<select id="dropDownAddRole" name="dropDownAddRole" style="width:662px; height:25px;">'+
                       '<option value="" selected="selected" > <fmt:message key="approvalFlowSetApplication.choose"/></option>'+
                       '<c:forEach var="sscp" items="${role}">'+
                       '<option value="<c:out value="${sscp.value}"/>">'+
                       '<c:out value="${sscp.name}"/>'+
                       '</option>'+
                       '</c:forEach>'+
                       '</select>'
                    +'<img  id="deletepng" rowcount='+(count)+' src="<c:url value="/resources/images/close.png"/>" />'+   
                    '</td>'+ 
                '</tr>'
                ;
            $("#tableRole").append(htmlTR).show(); 
        });

增加到10 由于多出一位 对不起 怎么能使其对齐 请各位大神帮帮忙

给每个tr定义一个样式