博客介绍了HTML的两种内容展示方法。法一是通过<table>标签，设置表格样式来展示文本内容；法二则是定义了一个只读文本区域样式，使用<textarea>标签展示内容。
By Ben
HTML:
法一:
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="TABLE-LAYOUT: fixed">
<tbody>
<tr>
<td style="word-wrap:break-word;width:90%;white-Space:pre;">
<pre>aaaaaaaaaaaaa dddddddddddddddddddd fffffffffff
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ddddddddddddddddd ssssssssssssssss</pre>
</td>
</tr>
</tbody>
</table>
法二:
BORDER: 0;
OVERFLOW-Y: visible;
HTML:
法一:
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="TABLE-LAYOUT: fixed">
<tbody>
<tr>
<td style="word-wrap:break-word;width:90%;white-Space:pre;">
<pre>aaaaaaaaaaaaa dddddddddddddddddddd fffffffffff
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ddddddddddddddddd ssssssssssssssss</pre>
</td>
</tr>
</tbody>
</table>
法二:
<style>
.ReadOnlyArea
{
BORDER: 0;
OVERFLOW-Y: visible;
WIDTH: 386px;
CURSOR: default;
CURSOR: default;
BACKGROUND-COLOR: transparent;
}
</style>
<textarea readonly=true class="ReadOnlyArea">
123
12312333333333333333333333333333333333333333333333
</textarea>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
