@mediascreen and(max-width: 960px) {
td {
width: 我觉得这里设个小一点的宽度应该可以。
}
}
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<body>标签中,将外层的table改为div,新增css代码:div {width: 300px} table {float: left}。
3、浏览器运行index.html页面,此时表格们实现了每3个自动换行。
给table加个id,如:<tablewidth="200"
border="1"
id="result">然后遍历其下的所有td,替换字符,写一个函数,让他在页面载入完成后执行。 function
numAddBr(){
var
tr
=
document.getElementById('result').getElementsByTagName("tr")
for
(var
i=1i<tr.lengthi++)
{
var
td
=
tr[i].cells.length
for(var
j=0j<tdj++){
tr[i].cells[j].innerHTML
=
tr[i].cells[j].innerHTML.replace(/([\d]+)([^\d]+)/g,'$1<br/>$2')
}
}
}
window.onload
=
numAddBr这是代码。我给你加了简单的判断,当内容是以数字结尾的时候,则不再加换行,如果数字出现在内容的中间部分或者开头则在其后添加换行。你也可以自己去掉,把
replace(/([\d]+)([^\d]+)/g,'$1<br/>$2')
改成
replace(/([\d]+))/g,'$1<br/>')