Question

我想使用bootstrap将一段长字符串显示到表格单元格中。它包含一些换行符\r\n。我尝试使用style="white-space:pre"作为this stackoverflow post建议，但这会破坏引导文本换行。我还尝试将\r\n更改为<br>，但它不起作用。 <br>显示为文字。

这就是我的表格。

<table id="table1" class="table table-bordered">
    <tbody>
        <tr>
            <th class="col-md-2" scope="row">Description</th>
            <td id="description">Very long test with \r\n so I want to show this in multiline and also want to wrap the text using bootstrap.</td>
        </tr>
    </tbody>
</table>

Answer 1

将分页符更改为HTML分解符（br标记）在jsfiddle中正常工作。请参阅下面的链接。确保在生成HTML时生成实际的＆lt;和＆gt;符号，而不是HTML代码。

https://jsfiddle.net/joedonahue/zpj94p0b/

<table id="table1" class="table table-bordered">
    <tbody>
        <tr>
            <th class="col-md-2" scope="row">Description</th>
            <td id="description">Very long test with <br/> so I want to show this in multiline and also want to wrap the text using bootstrap.</td>
        </tr>
    </tbody>
</table>

使用引导程序在表格单元格中的多行文本

1 个答案: