不专业前端的处理记录:

复选对齐方案一:
/**文字超长展示...*/
.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>
复选框对齐问题处理记录

作者:星辰 时间:2018-06-23 浏览 86评论 0 赞 0砸 0 标签: 前端 javascript
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款