1 label标签内容过长,省略号显示
width :200px, overflow:hidden;white-space: nowrap; text-overflow: ellipsis;
并且用title提示所有内容,因为内容过长而且换行很丑
使用poshytip插件:
<link rel="stylesheet" href="<%=basePath%>js/poshytip-1.2/src/tip-darkgray/tip-darkgray.css" type="text/css"/>
<script type="text/javascript" src="<%=basePath%>js/poshytip-1.2/src/jquery.poshytip.js"></script>
$('#resultTitle').poshytip({
className: 'tip-darkgray',
showTimeout: 1,
alignTo: 'target',
alignX: 'center',
alignY: 'bottom',
offsetX: 0,
offsetY: 5,
allowTipHover: false,
fade: false,
slide: false
});
2 换行 单词换行 word-wrap:break-word