<span style="font-family: Arial, Helvetica, sans-serif;"><ul class="text-list" style="min-height: 115px;"></span>
<s:iterator value="companyCareerList">
<li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 212px;">
<a style="display: inline;" href="${basePath}/page/floatcareerinfo.html?id=${companyPosition.id}" target="_blank" >${companyPosition.jobFunction }</a> :
<a style="display: inline;" href="${basePath}/page/queryPositionByComp.action?companyId=${id}" target="_blank">【${companyName}】</a>
</li>
</s:iterator>
<li> </li>
<li><a style="border-top:solid 1px red;" href="${basePath}/page/searchJob.html">+查看更多</a></li>
</ul>
大神说的重点如下:
1、<a>标签为块级标签;会单独占一行。
2、<li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 212px;">对<li>设置超出宽度隐藏,及带上省略号
3、<a style="display: inline;"> 加上display:inline属性,让<a>在行级显示