html - 在移动设备上的表格中显示文本+向左/向右内容的显示问题

Question

我想用 bootstrap 创建一个表，并在列中插入一些左拉和右拉的内容: http://jsfiddle.net/Zoker/sgdfgkvL/

<td>
    <div class="pull-left">Some content</div>
    <div class="pull-right">Some other content</div>
    <a href="#">The actual content</a>
</td>

现在移动设备上的问题是，文本“The actual content”确实在字段中溢出(查看 fiddle )

谁能告诉我如何解决？

Answer 1

在 .topic-name 上设置 overflow-x: hidden

您的解决方案:
应用 - white-space: normal; 到 .topic-name