自己的解决方式:
截取字符串,7/8位后按...,定义变量,接收后台的全部字符,在链接的title中显示。
一.概述
在写HTML页面的时候经常会用到a标签,注意href属性,a标签要是没有href属性,其hover效果就不会在IE系列的浏览器中出现,如果点击后没有页面跳转,一般需要把href设置为javascript:;。在讨论页面的时候要考虑一些文本的截断处理,同时在编写HTML代码的时候也需要考虑一下文本会不会超出既定的宽度,这样才能产出漂亮的页面。
二.a标签截断时的CSS
- display:block;
- overflow:hidden;
- text-overflow:ellipsis; /** 超出宽度显示为......**/
- white-space:nowrap;/* 不换行 */
也可以通过连个div之间的间隙布置按钮:
var html="<div style='width:270px;display: inline-block;' id='fileupload"+supplier+"Td'> ";
//如果返回的文件存在 显示 aaa.txt 删除
//如果返回的文件不存在 显示 文件上传 浏览
if(record.TITLE=="" || record.TITLE== null){
html+="<div style='width:250px;display: inline-block;'>";
html+="<input id='fileId"+supplier+"' type='file' name='supplierFile' style='width: 50%;' />";
html+="<input type='button' value='上传' onclick='startUpload("+supplier+")'/>";
html+="</div>";
}else{
//显示文件名和 删除按钮
html+="<div style='width:250px;display: inline-block;'> ";
html+="<a href='<%=basePath%>/bidattachmentAction!download.do?id=" + record.FILEID + "' target='_blank' style='display:block'>" + record.TITLE + "</a>";
html+="</div>";
html+="<button type=button name='"+record.FILEID+"' onclick=deleteUploadFile(this,'"+supplier+"')>删除</button>";
}
html+="</div>";