html列中的换行

Question

I have text in a table as follows:

<td style="white-space: nowrap">Some value:Another Value; Person-1:Person2</td>  

The problem I have is that this Some value:Another Value; Person-1:Person2 Some value:Another Value; Person-1:Person2 is displayed as a single line inside the column. How could I break-line it on ; ? So it is still in the same row/column but as 2 lines in the column?

Answer 1

What about list item tag?

I think you should go for it.

Answer 2

使用<br />创建明确的换行符：

<td style="white-space: nowrap">Some value:Another Value;<br />Person-1:Person2</td>

Answer 3

This should work as a solution

<td>
    <span style="white-space: nowrap">Some value:Another Value;</span>
    <span style="word-break:break-all;">Person-1:Person2</span>
</td>