/**文字超长展示...*/
.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;}
.overranging_sphs{margin: 0px; padding: 0px; width: 200px; text-align: left; overflow: hidden; vertical-align: middle; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;}
.isHidden{table-layout: fixed;white-space: nowrap;overflow:hidden;text-overflow:ellipsis}
/**td:超出长度自动省略功能:给td加上样式,并需要保证td的table的样式为isHiddenTable,且table的width必须是以百分数形式定义的*/
.isHiddenTd{white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
/*加载table上*/
.isHiddenTable{table-layout: fixed;}


复选对齐方案一:
/**文字超长展示...*/
.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>
文字超长显示问题,checkbox对齐展示

浏览 513 评论 0 赞 0 砸 0 标签: css
评论
还可以再输入500个字

请您注意

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