Tag: 固定宽度
左侧固定宽度div，在右侧填充剩余宽度div
我想要一个固定宽度的图像在左边的div和可变宽度的div与背景颜色，这应该扩大其宽度100％在我的设备上。 我无法阻止第二个div溢出我的固定div。 当我添加溢出：隐藏在可变宽度的div它只是在照片下跳转，在下一行。 我如何以正确的方式解决这个问题（即没有黑客或保证金，因为我需要使媒体查询后才能响应，而且我必须更改每个设备的其他分辨率图像）？ 初学网页devise师试图解决响应网站的恐怖 – 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; }
如何使内嵌块元素填充行的其余部分？
这样的事情可能使用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 – 我试过使用“内联块”和“空白：nowrap;”，但问题是我不能得到第二个元素来填补剩余的空间在行上。 在某些情况下，将宽度设置为“width：100％ – （LeftColumWidth）px”可能会有效，但是在width属性中执行计算并不真正支持。
从文本文件中读取固定宽度的logging
我有一个文本文件充满logging每个logging中的每个字段是固定的宽度。 我的第一种方法是简单地使用string.Substring（）来parsing每条logging。 有没有更好的办法？ 例如，格式可以被描述为： <Field1(8)><Field2(16)><Field3(12)> 而具有两个logging的示例文件可能如下所示： SomeData0000000000123456SomeMoreData Data2 0000000000555555MoreData 我只是想确保我不会比Substring（）更优雅的方式。 更新：我最终与像Killersponge一样的正则expression式提出： 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;
使用calc（）和表
我试图得到固定宽度的td和可变宽度td的表。 我使用CSS calc()函数，但不知何故，似乎我不能在表中使用% 。 所以这是我迄今为止： <table border="0" style="width:100%;border-collapse:collapse;"> <tr style="width:100%"> <td style="width:30px;">1</td> <!–Fixed width–> <td style="width: calc( (100% – 230px) / 100 * 40);">Title</td> <!–Width should be 40% of the remaining space–> <td style="width: calc( (100% – 230px) / 100 * 40);">Interpret</td> <!–Width should be 40% of the remaining space–> <td style="width: calc( (100% – […]
stream体或固定网格系统，在响应式devise中，基于Twitter Bootstrap
我对twitter引导网格中的各种选项感到困惑，以及它们如何一起前进。 首先，你可以有一个普通的固定container ，或一个container-fluid 。 那么任何一个都可以包括一个普通的row ，或者一个stream体行的row-fluid 。 也就是说，你可以有一个固定的容器与一个stream体行，或一个容器stream体…固定行？ 那么最重要的是，您可以包括“响应式”媒体查询，或不包括。 我对这些事情如何相互作用感到困惑。 但是让我们从一个明显的例子开始。 在示例页面上，有一个固定网格和一个stream体网格的例子 但是，在我的浏览器中，在该示例页面上 – 两个网格的行为都是相同的。 也许是因为示例页面使用可选的响应式媒体查询？ 在这两个网格示例中，如果我逐渐缩小浏览器窗口，则网格元素不会逐渐变窄 – 一旦达到某个（响应）边界宽度，它们就会捕捉到更小的大小，并再次以更高的边界宽度捕捉。 但是普通的“固定”例子和“stream动”例子在这里performance得完全一样，那么差别究竟是什么？
读取固定宽度的文本文件
我试图把这个丑陋格式的数据集加载到我的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) 但该文件混合“空白”和“ – ”作为分隔符，我不是一个正则expression式专家。 我欣赏任何帮助把它变成一个漂亮和干净的R数据框架。 谢谢！
保持纵横比和宽度来调整UIImage的大小
我在许多文章中看到通过保持宽高比调整图像大小。 这些function在resize时使用RECT的固定点（宽度和高度）。 但在我的项目中，我只需要根据宽度调整视图大小，高度应该根据高宽比自动调整。 任何人都可以帮我实现这个目标
