在HTml的表格中,怎样设置单元格内的数据换行?

在HTml的表格中,怎样设置单元格内的数据换行?,第1张

HTML里面加了一个样式属性:word-break: break-all,可以实现表格的自动换行,具体参考代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>table内的td内容不换行</title>

<style type="text/css">

<!--

body{ font-size:12px}

.breakLine{word-break: break-all}

-->

</style>

</head>

<body>

<table width="400">

<tr>

<td width="90" height="30">处理人工号:</td>

<td width="410" class="breakLine">001156,001157,001145,001149,001178,001123,001140,001167,001168,001134,001135</td>

</tr>

</table>

</body>

</html>

word-break属性简单介绍如下:

语法:word-break : normal | break-all | keep-all

取值:

normal :  默认值。允许在词间换行

break-all :  该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all :  与所有非亚洲语言的 normal 相同。

用 &nbsp代替,代表英文空格,2个&nbsp&nbsp连写代表一个中文空格。

\r\n,java开发时支持此写法,纯HTML静态页面不支持。

换行:用<br>...</br> 或<br />表示

换段:用<p>...</p>表示

英文空格:用&nbsp表示

中文空格:用&nbsp&nbsp表示

当然如果纯文本的话,

可以用padding或margin表示精确距离,也可用text-indent缩进属性表示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6202947.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存