Questions tagged «fixed-width»

5
基于Twitter Bootstrap的响应式设计的流体或固定网格系统
我对twitter引导网格中的各种选项以及它们如何组合在一起感到困惑。 首先,您可以有一个普通的fixed container或一个container-fluid。 然后,可以包含一个普通row行或一个流体行row-fluid。也就是说,您可以使用带有固定排的固定容器,或者带有固定排的容器流体...? 然后,最重要的是,您可以包括“响应式”媒体查询,也可以不包括。 我对这些东西如何相互作用感到困惑。但是,让我们从一个明显的例子开始。 在示例页面本身上,提供了作为固定网格和流体网格的示例的内容 但是,在我的浏览器中,在该示例页面本身上-两个网格的行为相同。也许因为示例页面使用了可选的响应式媒体查询?在这两个网格示例中,如果我开始逐渐缩小浏览器窗口的范围,则网格元素不会逐渐变窄-一旦达到某个(响应)边界宽度,它们将捕捉为较小的尺寸,然后又变为更远的边界宽度。但是普通的“固定”示例和“流体”示例在这里的行为完全相同-那么到底有什么区别呢?

7
如何使行内块元素填充行的其余部分?
使用CSS和两个内联块(或其他)DIV标签而不是使用表,是否有可能这样做? 表格版本是这样的(添加了边框,您可以看到它): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <table style="width:100%;"> <tr> <td style="border:1px solid black;width:100px;height:10px;"></td> <td style="border:1px solid black;height:10px;"></td> </tr> </table> </body> </html> 它会产生带有固定宽度(而不是百分比宽度)的左列,并且右列会扩展以填充行上的剩余空间。听起来很简单,对吧?此外,由于没有任何东西“浮动”,因此父容器的高度会适当扩展以包含内容的高度。 --BEGIN RANT-- 我已经看到了带有固定宽度的边栏的多列布局的“清晰修复”和“圣杯”实现,它们很烂而且很复杂。他们颠倒了元素的顺序,使用了百分比宽度,或者使用了浮点数,负边距,并且“ left”,“ right”和“ margin”属性之间的关系很复杂。此外,布局是亚像素敏感的,因此即使添加边框,填充或边距的单个像素也将破坏整个布局,并将整列换行发送到下一行。例如,即使您尝试做一些简单的事情(例如,将4个元素放在一行上,每个元素的宽度都设置为25%),舍入误差也是一个问题。 -结束兰特- 我曾尝试使用“ inline-block”和“ white-space:nowrap;”,但问题是我无法获取第二个元素来填充行中的剩余空间。在某些情况下,可以将宽度设置为“ width:100%-(LeftColumWidth)px”,但是实际上不支持在width属性中执行计算。
186 css  layout  fixed-width 


6
读取固定宽度的文本文件
我正在尝试将此丑陋的数据集加载到我的R会话中:http : //www.cpc.ncep.noaa.gov/data/indices/wksst8110.for Weekly SST data starts week centered on 3Jan1990 Nino1+2 Nino3 Nino34 Nino4 Week SST SSTA SST SSTA SST SSTA SST SSTA 03JAN1990 23.4-0.4 25.1-0.3 26.6 0.0 28.6 0.3 10JAN1990 23.4-0.8 25.2-0.3 26.6 0.1 28.6 0.3 17JAN1990 24.2-0.3 25.3-0.3 26.5-0.1 28.6 0.3 到目前为止,我可以阅读以下内容 x = readLines(path) 但是该文件将“空格”与“-”作为分隔符混合使用,我不是正则表达式专家。我非常感谢您将其转换为美观而干净的R数据帧的任何帮助。谢谢!
89 r  fixed-width 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.