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

标签 html css

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

我四处搜索,我认为我应该可以使用自动换行,但是将它添加到我的 css 中没有任何作用。我错过了什么?

这是 CSS。

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

如果有更好的方法来做到这一点,我会洗耳恭听。

编辑:这是一个jsfiddle link .

最佳答案

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

关于html - 试图让 rails 应用程序的 css 在 float 内进行自动换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11776568/

相关文章:

javascript - 将 javascript 函数应用于相同的 id

html - 将 ng-click 绑定(bind)到一个 css 类

php - 如果背景图像是随机生成的,则不会显示 100%

javascript - 当浏览器窗口的大小用javascript改变时如何改变div宽度

javascript - jQueryUI 滑动效果 - Divs 堆叠

jquery - 在 mouseenter 和 mouseleave 上添加 animate.css 类

jquery - 如何在 iOS 设备上构建视差滚动

javascript - 为什么在使用 css 作为背景附件时滚动时背景图像会抖动 :scroll

java - 当用户摆弄 html 范围 slider 时如何更改内容(文本)?

jquery - 使用 jQuery 滑动不同的高度