縮進列表的第二行中段落元件（未UL或OL）

我有一個表具有以下結構：縮進列表的第二行中段落元件（未UL或OL）

html { 
 
    width: 400px; 
 
}

<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>

當我將在瀏覽器中查看此，上屏幕寬度較小時，其中一個項目符號將包裝到新行中，並從新行開始。

理想情況下，我希望這個子彈點具有與之前行相同的縮進，因此同一個子彈點的兩行文本將具有相同的縮進。

如果你想知道，沒有有序或無序列表元素的原因是因爲用戶僅限於使用簡單的textarea輸入他們的內容。

有誰能告訴我這是否可能，如果是這樣，如何？

在此先感謝。

來源

2015-09-08 Olliek

這是不平凡的可能有一個縮進。除非你允許用戶輸入_some_標記。也許你需要一些基於JavaScript的富文本框架。 –

這就是我害怕的地方。說實話，我認爲這是不可能的，因爲我認爲瀏覽器沒有辦法知道它是一個真正的（非）有序列表還是隻是一些常規文本。直到現在，它看起來像一個JavaScript文本編輯器將是一個更好的解決方案。 – Olliek

不宜代碼是這樣的：

<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字段中的值，那麼你可能會實現諸如TinyMCE的，CKEDITOR所見即所得文本編輯器。

來源

2015-09-08 16:16:13

_如果你想知道，沒有有序或無序列表元素的原因是因爲用戶僅限於使用簡單的textarea輸入他們的內容。我猜''中的文本來自某個用戶的明文輸入。 –

@JohnBupit在這種情況下，他應該爲他的「文本區域」使用一些「文本編輯器」功能。 –

現在沒有真正的文本編輯器可用，我想知道是否有可能沒有。 – Olliek

縮進列表的第二行中段落元件（未UL或OL）

回答

相關問題