如何在html网页中增加行数

html-css04

如何在html网页中增加行数,第1张

1、html中换行用<br>就可以。常常我们在需要手动换行地方，加入<br />即可实现内容换行。

2、HTML P段落强制换行标签元素。

段落p标签使用说明：常常我们在需要分段大换行时候，对内容前加<p>内容后加</p>即可实现文章换段落。

<p>我是divcss!</p>

<p>我是第一段落</p>

<p>我是第二段落；</p>

<p>我是第三段落，<br />我被br换行。</p>

//动态添加行与列

function addHtml( )

{

var tab=document.getElementById("viewTabs")//获得表格

var colsNum=tab.rows.item(0).cells.length //表格的列数

var num=document.getElementById("viewTabs").rows.length//表格当前的行数

var rownum=num-1

tab.insertRow(rownum)

for(var i=0i<colsNum-1i++)

{

tab.rows[rownum].insertCell(i)//插入列

tab.rows[rownum].cells[i].innerHTML="dfd"

}

tab.rows[rownum].insertCell(i)

tab.rows[rownum].cells[i].innerHTML="ddddkk"

}

<html>

<head>

<title></title>

<style type="text/css">

table {

width: 100%

align: center

border: solid 1px black

}

table td {

width: 20%

text-align: center

border: solid 1px black

}

</style>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#add").click(function(){

$("table tr:last-child").after

("<tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr>")

})

$("#cut").click(function(){

var value=$("table tr").length

if(value!=2){

$("table tr:last-child").remove()

}

})

})

</script>

</head>

<body>

<table id="table">

<tr>

<td colspan="5">供应商信息</td>

</tr>

<tr>

<td>序号</td>

<td>供应商</td>

<td>地址</td>

<td>联系人</td>

<td>联系电话</td>

</tr>

</table>

<input id="add" type="button" value="增加">

<input id="cut" type="button" value="减少">

</body>

</html>

注：jquery.js自已可以在网上下载，它们放在同一个目录下的。