html - 试图让rails应用程序的css在float中进行自动换行

Question

我有一些大约 20 行的文本。大多数行都很短，但有些很长。文本在一列内，页面有两列。问题是长线导致与浮动的交互很糟糕。我将一列堆叠在另一列之上，而不是列。

我四处搜索，我认为我应该能够使用自动换行，但将它添加到我的 css 中没有任何作用。我错过了什么？

这是CSS。

.two{
    float: right;
    width: 45%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    word-wrap: break-word;  
}

如果有更好的方法可以做到这一点，我会全力以赴。

编辑：这是一个jsfiddle 链接。

Answer 1

您的页脚设置为 100% 宽度，这很好，但您有一个 2px 的边框。这会使元素的总宽度超过 100%，这样它将创建一个滚动条，将宽度更改为 98%/99% 或像素的确切数量，它应该可以工作（或者只是删除边框）

Answer 2

这是一个只出现在 Chrome 中的问题。

我找到了这篇文章，它给了我解决方案：http ://ryan.stawarz.com/tech-tidbits/chrome-table-cells-not-word-wrapping-correctly/

我将这些行添加到我的 CSS 文件的相应部分，并且所有内容都已修复。

table-layout: fixed;
word-wrap: break-word;