HTML td标签换行问题?

html-css06

HTML td标签换行问题?,第1张

用css的媒体查询试一下。

@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,如:<table

width="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/>')