标签: elasticlayout

如果内容太宽,请将省略号(...)插入HTML标记

我有一个弹性布局的网页,如果调整浏览器窗口大小,它会改变其宽度.

在这种布局中,标题(h2)将具有可变长度(实际上是我无法控制的博客标题的头条新闻).目前 - 如果它们比窗户宽 - 它们分成两行.

是否有一个优雅的,经过测试的(跨浏览器)解决方案 - 例如使用jQuery - 缩短了标题标签的innerHTML,如果文本太宽而无法放入当前屏幕的一行,则会添加"..."容器宽度?

html javascript ellipsis elasticlayout

145
推荐指数
9
解决办法
17万
查看次数

jquery弹性动画没有完成

http://www.thebraproject.com/collection

如果你向后滑动晾衣绳,每三件物品就会在没有完成弹性动画的情况下停止.任何人都可以看到为什么会发生这种情况?

我正在使用AnythingSlider for jQuery来使其工作.

jquery elasticlayout anythingslider

11
推荐指数
1
解决办法
960
查看次数

如何使用wxPython布局3窗格窗口?

我试图找到一种使用wxPython布局3窗格窗口的简单方法.

我想在左窗格中有一个树列表,然后有一个右窗格,它被分成两部分 - 顶部有一个编辑组件,底部有一个网格组件.

有点像:

--------------------------------------
|             |                      |
|             |        Edit          |
|  Tree       |        Control       |
|  Control    |                      |
|             |----------------------|
|             |                      |
|             |        Grid          |
|             |                      |
--------------------------------------

我希望窗口可以重新调整大小,并让用户能够通过拖动边框来更改窗口中每个组件的(相对)大小.

我认为我需要一些sizer和/或splitter-window组件的组合,但是在文档或Web上找不到这种窗口的正确例子.

python layout wxpython elasticlayout

5
推荐指数
2
解决办法
7476
查看次数

Javascript中的弹性列表

我最近遇到了Elastic Lists并发现它们非常酷.

有谁知道一个javascript库可以给我弹性列表?如果没有,我自己写的任何提示都会受到欢迎.:)

谢谢,

javascript elasticlayout

5
推荐指数
1
解决办法
1470
查看次数

CSS:居中,流畅左,固定右,源有序布局,最小/最大宽度

标题说明了.我想要一个2列CSS布局:

  • 居中 - 主要内容以页面为中心
  • 具有固定(像素)右列宽度
  • 有一个流体左列 - 用尽所有可用空间减去右列宽度
  • 是源排序 - 左列内容位于HTML源中的右列内容之前
  • 在我的例子中允许最小宽度 - 760px
  • 在我的示例中允许最大宽度 - 1024px

如果窗口大于最大宽度,则内容将以页面的最大值为中心.如果窗口小于最大宽度,则内容将填充页面的100%,除非它小于最小宽度,这将使水平滚动条出现.

我愿意使用一些小的javascript来处理不支持这些属性的浏览器的最小/最大宽度(我正在看你IE6),但我只是愿意让这部分布局降级.

用桌子来简单下降.我已经看了几百个示例布局,没有什么可以做我要问的所有事情,尽管有几个接近.问题似乎是以相同的方式获得流畅的左列和源排序.我已经找到了几个固定的左/右流体(与我想要的相反)的例子,其具有适当的源顺序,或流体左/右固定而没有源顺序,但不是两者.

我不在乎它是否使用浮点数或负边距,但我想避免绝对定位.

+---------------------------------------+
|                                       |
|  +---------------------------+-----+  |
|  |fluid                      |fixed|  |
|  |                           |     |  |
|  |                           |     |  |
|  +---------------------------+-----+  |
|                                       |
+---------------------------------------+
Run Code Online (Sandbox Code Playgroud)

css elasticlayout liquid-layout fluid-layout

5
推荐指数
1
解决办法
3258
查看次数

如何使DIV从其父级的父级继承其“ em”值

我们都知道,给定对象的弹性布局“ em”值是相对于该对象的父对象的,例如:

<div id="div1" style="font-size:1em;">
<p>Hello</p>
<div id="div2" style="font-size:0.5em;">
<p>Hello</p>
<div id="div3" style="font-size:0.5em;">
<p>Hello</p>
</div>
</div>
</div>

但是,是否有可能使下级DIV“重置”为em值,或者从上级的父级获取其值?

基本上,我有一些嵌套的DIV,并且我希望其中的一个可以使用文档自己的em值。使用1em不好,因为DIV的父母之一已经使用了分数。

提前致谢

西蒙

html css elasticlayout

4
推荐指数
1
解决办法
967
查看次数