不专业前端的处理记录:
复选对齐方案一:
/**文字超长展示...*/
.overranging{margin: 0px; padding: 0px; width: 158px; text-align: left; overflow: hidden; vertical-align: middle; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;}
<td class='td-text' colspan="3">
<c:forEach var="item" items="${applicationScope.SYS_CODE['HY']}" varStatus="step">
<span class="checkbox" onclick="myCheckbox_single(this,'q_HY_${step.index}','${item.codeId}','');">
<span class="checkbox-icon <c:if test="${fn:contains(hyStr,item.codeId)}">on</c:if>"></span>
<input type="hidden" name="q_HY" id="q_HY_${step.index}" value="${fn:contains(hyStr,item.codeId) ? item.codeId : ''}"/>
<span title="${item.value}" class="overranging">${item.value}</span>
</span>
</div>
</c:forEach>
</td>