fluid-layout

    3热度

    1回答

    在以下尝试在单元之间具有固定间距的“流体”网格布局时,任何人都可以解释为什么当容器宽度变化时,左下方图像上方的间距不同。例子如下。 问题: 为什么会出现这种情况?我没有说明什么? 或 /和你可以建议一个更好的方式来实现这样一个与CSS网格?图片必须保持比例,它应该与IE8一起使用。 可在this jsFille。 随着〜200像素宽度: 和〜1120px宽度(裁剪): HTML: <div cla

    0热度

    2回答

    我有以下HTML: <div id="wrap"> <div id="col-1">column 1</div> <div id="col-2">column 2</div> <div id="col-3">column 3</div> </div> 而且我有以下的CSS: #wrap { margin: 0 auto 0; width: 9

    0热度

    1回答

    我想知道是否有人已经遇到了实现这一目标的好方法。 这里是展现我所谈论的图像: 不要用大小担心,我只是把随机而是要展示一下我在谈论; 您会注意到第一个例子中,小方块与第三个例子具有相同的宽度; 在第二个示例中,正方形减小宽度,直到窗口达到广场再次以默认宽度重新适合的大小,并且它的平方比其他平方小2个方格。 嗯,我希望它是很容易得到它。 我遇到了几个解决方案,但没有一个似乎无缝工作。 在此先感谢

    2热度

    1回答

    我需要打破长单词,例如长链接。我正在处理的布局是流体布局,因此不提供固定宽度。取而代之的是,我需要我的文本块来适应任何容器的宽度,并且会得到很长的文字,以便它们可以证明任何宽度。 你有一个http://jsfiddle.net/cYDJd/1/的例子,在这个例子中你将看到一个很长的链接,当图像在左边浮动时,它不会被CSS规则word-wrap: break-word;破坏。只有当长链接低于图像时,

    0热度

    1回答

    我正在使用非语义流体网格,并且希望有一行div,所有一行,所有行都加起来为页面的100%。 <div class="grid-container"> <div class="grid-parent yy name-strip zz"> <div class="yellow-pink-border mobile-grid-20 xx"></div> <div class

    4热度

    3回答

    我正在使用流体布局的图像网格(4列)。在jsfiddle目前的高度设置为自动,但它不是我期待的方式,因为图像尺寸是不同的。固定高度后图像大小不成比例。我知道,当图像(宽度/高度)相等时它可以正常工作,但我不想这样做,因为图像会动态传递(相同宽度/不同高度)。有什么办法可以修复不同的图像尺寸?下面 img{ width:100%; //height:150px; hei

    6热度

    2回答

    我正在寻找构建具有100%高度的固定左列和流体右列的双列布局,如下例所示: 我已经尝试了这么多的变化我不记得我现在试过什么,只是不能让它看起来不错。我也尝试过看网站,例如LayoutGala,但他们没有任何例子,两列的高度都是100%。 我不记得我已经试过了,但这绝对是我最后的尝试。我知道这一点,因为这是我在公寓楼四楼扔电脑显示器之前最后一次访问过的网页。 body { margin:0; pad

    -1热度

    1回答

    所以我在寻找我的网格系统的正确答案16列格: 1)我应该使用12或16列网格,全宽度的网站,如: http://xfinitytv.comcast.net http://pinterest.com http://www.vevo.com 2)我可以使用bootstrap3 16宽 3)什么是一个16列格VS传统12列格的挑战是什么? 谢谢。

    0热度

    1回答

    元素,我需要一点帮助,我开发的自定义主题的WordPress:http://bjorn.flabifitness.hu/ 我需要一个固定的页眉,页脚,菜单区域。还有一个带有页面内容的流体内容区域(图像)。 在浏览器窗口大小发生变化时,只有内容需要更改/调整为视图大小,没有滚动条,并且如果图片大于浏览器窗口或显示器,则应将其调整为大小的浏览器窗口。 (流体) 页眉,页脚和菜单(垂直位置)应位于相同的

    2热度

    2回答

    我正在尝试将图像对齐到容器的底部。但是,由于网站的响应速度很快,当我更改窗口大小时,图像会向上/向下移动容器,因为它似乎已固定在页面上的某个点上。 有没有办法将图像的基线无限期地固定到容器的基线?本质上,图像与底部对齐开始,但随着窗口接触,文本强制容器展开,最终在图像下方留下空白。 我对图像DIV + CSS如下: .floatbottom { height: 100%; position: