标签: fixed-width
流体或固定网格系统,采用响应式设计,基于Twitter Bootstrap
我对twitter bootstrap网格中的各种选项以及它们如何组合起来感到困惑.
首先,你可以有一个普通的固定container,或者container-fluid.
然后,任何一个都可以包括普通row行或流体行row-fluid.也就是说,你可以拥有一个带有流体排的固定容器,或一个带有固定排的容器流体......
然后,您可以在其中包含"响应式"媒体查询.
我对这些事情如何相互作用感到困惑.但让我们从一个明显的例子开始.
但是,在我的浏览器中,在该示例页面本身上 - 两个网格的行为相同.也许是因为示例页面使用可选的响应式媒体查询？在两个网格示例中,如果我开始逐渐缩小我的浏览器窗口,则网格元素不会逐渐变窄 - 一旦达到某个(响应性)边界宽度,它们会捕捉到更小的尺寸,并再次在更大的边界宽度处.但是普通的"固定"示例和"流动"示例在这里表现完全相同 - 那么差异究竟是什么呢？
fixed-width fluid-layout responsive-design twitter-bootstrap
推荐指数
解决办法
查看次数
如何使内联块元素填充该行的其余部分？
是否可以使用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--
我已经看到了具有固定宽度侧柱的多列布局的"清晰修复"和"圣杯"实现,它们很糟糕并且它们很复杂.它们反转元素的顺序,它们使用百分比宽度,或者它们使用浮点数,负边距,并且"左","右"和"边距"属性之间的关系是复杂的.此外,布局是亚像素敏感的,因此即使添加单个边框,填充或边距像素也会破坏整个布局,并将整个列包装发送到下一行.例如,即使你尝试做一些简单的事情,例如将4个元素放在一行上,每个宽度设置为25%,舍入错误也是一个问题.
--END RANT--
我尝试过使用"inline-block"和"white-space:nowrap;",但问题是我无法获得第二个元素来填充线上的剩余空间.将宽度设置为"width:100% - (LeftColumWidth)px"在某些情况下会起作用,但实际上不支持在width属性中执行计算.
推荐指数
解决办法
查看次数
通过保持宽高比和宽度来调整UIImage的大小
我在许多文章中看到通过保持纵横比来调整图像大小.这些函数在调整大小时使用RECT的固定点(宽度和高度).但是在我的项目中,我需要仅根据宽度调整视图大小,应根据宽高比自动获取高度.有人帮助我实现这一目标.
推荐指数
解决办法
查看次数
读取固定宽度的文本文件
我正在尝试将这个丑陋格式的数据集加载到我的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数据框架的帮助.谢谢!
推荐指数
解决办法
查看次数
左侧固定宽度div,右侧填充剩余宽度div
我想要一个左边有固定宽度图像的div和一个带有背景颜色的可变宽度div,它应该在我的设备上扩展它的宽度100%.我无法阻止第二个div溢出我的固定div.
当我添加溢出:隐藏在可变宽度div时,它只是跳到下一行的照片下面.
我怎样才能以正确的方式解决这个问题(即没有黑客或留下边距,因为我需要稍后通过媒体查询使网站响应,我必须为每个设备更改其他分辨率图像的图像)？
- 初学者网页设计师试图解决响应式网站的恐怖 -
HTML:
<div class="header"></div>
<div class="header-right"></div>
CSS:
.header{
float:left;
background-image: url('img/header.png');
background-repeat: no-repeat;
width: 240px;
height: 100px;
}
.header-right{
float:left;
overflow:hidden;
background-color:#000;
width: 100%;
height: 100px;
}
推荐指数
解决办法
查看次数
在`menu`中指定monospace字体
语言:R.问题:我可以为menu(..,graphics=T)函数指定固定宽度字体吗？
说明:
我最近问了这个问题,关于如何让用户以交互方式选择一行数据框:
df <- data.frame(a=c(9,10),b=c('hello','bananas'))
df.text <- apply( df, 1, paste, collapse=" | " )
menu(df.text,graphics=T)
我想|排队.他们现在不在; 很公平,我没有填充相同宽度的列.所以我format用来使每一列都达到相同的宽度(稍后我会编写代码来自动确定每列的宽度,但是现在让我们忽略它):
df.padded <- apply(df,2,format,width=8)
df.padded.text <- apply( df.padded, 1, paste, collapse=" | ")
menu( df.padded.text,graphics=T )
看看它如何仍然不稳定？然而,如果我看一下df.padded,我得到:
> df.padded
a b
[1,] " 9 " "hello "
[2,] "10 " "bananas "
所以每个单元格肯定都填充到相同的长度.
原因可能是因为它的默认字体(在我的系统上,无论如何,Linux)不是固定宽度.
所以我的问题是:
我可以为menu(..,graphics=T)函数指定固定宽度字体吗？
更新
@RichieCotton注意到,如果你看一下menu用graphics=T它调用select.list,进而调用tcltk::tk_select.list.
所以看起来我必须为此修改tcltk选项.来自@jverzani: …
推荐指数
解决办法
查看次数
我什么时候应该在C中使用UINT32_C(),INT32_C(),...宏？
我在项目中切换到固定长度的整数类型主要是因为它们帮助我在使用它们时更清楚地考虑整数大小.包括他们通过#include <inttypes.h>还包括了如印刷宏一帮其他的宏PRIu32,PRIu64...
要为固定长度变量分配常量值,我可以使用像UINT32_C()和的宏INT32_C().每当我分配一个恒定值时,我就开始使用它们.
这导致代码类似于:
uint64_t i;
for (i = UINT64_C(0); i < UINT64_C(10); i++) { ... }
现在我看到几个不关心它的例子.一个是stdbool.h包含文件:
#define bool _Bool
#define false 0
#define true 1
bool在我的机器上有1个字节的大小,所以它看起来不像int.但是,0和1应应自动转为正确的类型由编译器整数.如果我在我的示例中使用它,代码将更容易阅读:
uint64_t i;
for (i = 0; i < 10; i++) { ... }
那么我何时应该使用固定长度的常量宏UINT32_C(),何时应该将该工作留给编译器(我正在使用GCC)？如果我在MISRA C中编写代码怎么办？
推荐指数
解决办法
查看次数
从文本文件中读取固定宽度记录
我有一个充满记录的文本文件,其中每个记录中的每个字段都是固定宽度.我的第一种方法是使用string.Substring()解析每条记录.有没有更好的办法？
例如,格式可以描述为:
<Field1(8)><Field2(16)><Field3(12)>
并且具有两个记录的示例文件可能如下所示:
SomeData0000000000123456SomeMoreData
Data2 0000000000555555MoreData
我只是想确保我没有忽略比Substring()更优雅的方式.
更新: 我最终选择了Killersponge建议的正则表达式:
private readonly Regex reLot = new Regex(REGEX_LOT, RegexOptions.Compiled);
const string REGEX_LOT = "^(?<Field1>.{6})" +
"(?<Field2>.{16})" +
"(?<Field3>.{12})";
然后我使用以下内容访问字段:
Match match = reLot.Match(record);
string field1 = match.Groups["Field1"].Value;
推荐指数
解决办法
查看次数
用于创建/操作固定宽度文本文件的PHP库
我们有一个Web应用程序,可以进行时间跟踪,工资单和人力资源.因此,我们必须编写大量固定宽度的数据文件,以便导出到其他系统(州税申报,ACH文件等).有没有人知道一个好的库,你可以在那里定义记录类型/结构,然后在OOP范例中对它们采取行动？
这个想法将是您处理规范的类,然后使用所述规范的实例.IE:
$icesa_file = new FixedWidthFile();
$icesa_file->setSpecification('icesa.xml');
$icesa_file->addEmployer( $some_data_structure );
其中icesa.xml是包含规范的文件,尽管您可以使用OOP调用自己定义它:
$specification = new FixedWidthFileSpecification('ICESA');
$specification->addRecordType(
$record_type_name = 'Employer',
$record_fields = array(
array('Field Name', Width, Vailditation Type, options)
)
);
编辑:我不是在寻找关于如何编写这样一个库的建议 - 我只是想知道一个是否已经存在.谢谢!!
推荐指数
解决办法
查看次数
在Java中解析固定宽度格式文件的最佳方法是什么？
我有一个来自供应商的文件,每行有115个固定宽度的字段.将该文件解析为115个字段的最佳方法是什么,以便我可以在我的代码中使用它们？
我首先想到的是只是为了让常数为每场像NAME_START_POSITION和NAME_LENGTH使用substring.这看起来很难看,所以我很好奇是否还有其他推荐方法可以做到这一点.谷歌搜索出现的几个图书馆似乎都没有.谢谢
推荐指数
解决办法
查看次数
标签 统计
fixed-width ×10
css ×2
parsing ×2
r ×2
.net ×1
aspect-ratio ×1
c ×1
c# ×1
css-float ×1
edi ×1
fluid-layout ×1
ios ×1
iphone ×1
java ×1
layout ×1
misra ×1
monospace ×1
objective-c ×1
overflow ×1
php ×1
text-files ×1
uint32-t ×1