日常問題處理(四)
阿新 • • 發佈:2018-11-12
一、時間戳轉yyyy-mm-dd HH:MM:SS日期型別
function timetrans(date){ var date = new Date(date*1000);//如果date為10位不需要乘1000 var yyyy = date.getFullYear() + '-'; var mm = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'; var dd = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' '; var HH = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'; var MM = (date.getMinutes() <10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'; var SS = (date.getSeconds() <10 ? '0' + date.getSeconds() : date.getSeconds()); return yyyy+mm +dd+HH +MM +SS ; }
二、css設定表格超出部分省略號顯示無效
1、正常設定
table{ table-layout: fixed; } td{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-text-overflow: ellipsis; }
二、當設定width為百分比,並且另外僅設定了min-width時,設定上述的樣式不起作用
table { table-layout:fixed; } td{ width: 23%; min-width: 97px; text-align: center; border-left: 1px solid #ccc; word-break: break-all; text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
三、為td新增max-width
table { table-layout:fixed; } td{ width: 23%; min-width: 97px; max-width:80px; text-align: center; border-left: 1px solid #ccc; word-break: break-all; text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }