我正在创建一个类似于div中数据视图的表格.由于我使用的企业框架,我不得不使用大量的内联HTML和CSS.
可视化它的方法:每行都有一个容器div(rowContainer),并且每行都包含在div(collResult)中.我希望border-bottom元素出现在容器div的底部.在IE中,这工作正常,但在Firefox中,边框不会绕行,而是显示所有行与行结果不同步.
这是我的代码示例:
<div class='rowContainer' style='border-bottom: 1px solid #B4B4B4; padding:0; width: 100%; height: auto;'>
<div class='collResult' style='width: 25%; float: left; display: inline; margin: 0; font: normal 12px Arial;'>Number 1</div>
<div class='collResult' style='width: 25%; float: left; display: inline; margin: 0; font: normal 12px Arial;'>ABCDE</div>
<div class='collResult' style='width: 25%; float: left; display: inline; margin: 0; font: normal 12px Arial;'>NAME</div>
<div class='collResult' style='width: 25%; float: left; display: inline; margin: 0; font: normal 12px Arial;'>NONE
</div></div>
谢谢你的帮助
我有一个网页，它有很多 div（像表格行一样列出），并且这些行超过了页面的长度（在视图中，在你必须向下滚动之前）。我正在使用一些 JavaScript 来切换页面上显示的信息（例如，行数。）
我已经制作了一个 print.css 文件，并且已经编辑了在打印页面时显示的样式，但是，只有在我的屏幕上查看的窗口正在打印（所以我的大量记录，必须在浏览器中向下滚动查看，被排除在我的打印文档之外！！）
有没有人有任何想法。即使我通过 FireFox 和 IE 进行打印预览，它也只能预览准确的屏幕。非常感谢这里的任何帮助！