缩进包装的文本在表中

时间:2011-08-05 19:34:05

标签: html indentation css-tables

我在html文档中创建一个表。如果文本在单元格中太长,我希望它换行到新行(没问题)。我正在努力实现的目标是使新行上的文字缩进。

E.g。而不是

A very long bit |
of text in this |
table           |

我想:

A very long bit |
   of text in   |
   this table   |

是否可以通过CSS或其他方式实现这一目标?

2 个答案:

答案 0 :(得分:4)

td {
   text-indent: -4.0em;
   padding-left: 4.0em;
}

这会缩进整个单元格文本,然后将第一行拉回原始左侧。

答案 1 :(得分:0)

你需要它有多聪明?你可以做一些简单的事(在我的例子中是脏的):

s = "a long string";
regExp = /(.{5})(.*)/;
cut = s.replace(regExp, "$1<p>$2</p>");

然后缩进或添加填充到段落内的文本。当然,这只适用于第一次出现。