Question

我有一个具有以下结构的表：

＆＃13;

html {
  width: 400px;  
}

＆＃13;

<table>
    <tr>
      <td>Description:</td>
      <td style="white-space: pre-wrap;">
Some text which could be quite long with some 'simple' lists created by the user like this:
- Point 1
- Point 2
- Point 3
- Another point which is a bit longer than the previous one
- Point 4
      </td>
  </tr>
</table>

＆＃13;

当我在浏览器中查看此内容时，在宽度较小的屏幕上，其中一个项目符号将换行到新行，并从此新行的开头开始。

理想情况下，我希望此项目符号与之前的行具有相同的缩进，因此同一项目符号点的两行文本将具有相同的缩进。

如果您想知道，没有有序或无序列表元素的原因是因为用户仅限于使用简单的textarea来输入其内容。

有人可以告诉我这是否可能，如果是的话，怎么样？

提前致谢。

Answer 1

代码不应该是这样的：

<table>
    <tr>
      <td>Description:</td>
      <td style="white-space: pre-wrap;">
Some text which could be quite long with some 'simple' lists created by the user like this:
<ul>
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
<li>Another point which is a bit longer than the previous one</li>
<li>Point 4</li>
</ul>
      </td>
  </tr>
</table>

您需要使用正确的ul and li代码而不是-。

修改

如果您愿意填充某个text-area字段中的值，那么您可以实施 WYSIWYG 文本编辑器，例如 TinyMCE ， CKeditor 。

缩进段落元素中的第二行列表（不是UL或OL）

1 个答案: