需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<body>标签中,将外层的table改为div,新增css代码:div {width: 300px} table {float: left}。
3、浏览器运行index.html页面,此时表格们实现了每3个自动换行。
html语言当中,<p>标签 或者是<br/>都可以实现table表格内换行。
也可以使用css来实现,CSS控制Table单元格强制换行与强制不换行 。
用CSS实现Table单元格数据自动换行或不换行的实现方法如下:
1、强制换行:
<style type="text/css">.AutoNewline
{
Word-break: break-all/*必须*/
}
</style>
<table>
<tr>
<td class="AutoNewline">自动换行</td>
</tr>
</table>
2、强制不换行:
<style type="text/css">.NoNewline
{
word-break: keep-all/*必须*/
}
</style>
<table>
<tr>
<td class="NoNewline">不换行</td>
</tr>
</table>
用 &nbsp代替,代表英文空格,2个&nbsp&nbsp连写代表一个中文空格。\r\n,java开发时支持此写法,纯HTML静态页面不支持。
换行:用<br>...</br> 或<br />表示
换段:用<p>...</p>表示
英文空格:用&nbsp表示
中文空格:用&nbsp&nbsp表示
当然如果纯文本的话,
可以用padding或margin表示精确距离,也可用text-indent缩进属性表示。