标签: dynamic-sizing

这个问题需要一些解释.请多多包涵:

几个月前,我为一个网站上的一个部分设置了一个由三部分组成的标题.在此标题的左侧有一个标题,其内容可以更改.右侧是徽标,总长150 px宽,60 px高.它们之间是一组双线.像这样的东西:

[这是标题] ======================================= [这里的标志]

该网站是响应式的,因此标题的总宽度是可变的.
标题必须始终在一行.保持双线的div需要改变大小以填充Title和Logo之间的空间.

我最初设置它,以便使用媒体查询和calc()调整行的大小; 功能.但是,网站必须兼容到IE 8,所以我最终编写了一些JS来使其工作.

这是一个JS小提琴,它基本上反映了这种行为:http: //jsfiddle.net/55u5mpu2/2/

function sizeLines() { 
var logoSize = document.getElementById("the-logo").offsetWidth; 
var titleWidth = document.getElementById("the-h2-Title").offsetWidth; 
var totalWidth = document.getElementById("entire-Header").offsetWidth; 
var offsetWidth = (logoSize + titleWidth); 
var linesWidth = (totalWidth - offsetWidth - 20) + "px"; 
document.querySelector("#the-lines").style.width = linesWidth;   }

window.onresize = sizeLines; 

#entire-Header{
  position: relative;
  width: 100%;
  height:40px;
}

#the-h2-Title {
  position: relative;
  float: left;
  width: auto;
    padding-right: 10px;
}

#the-lines {
  border-top: 4px solid #000000 !important;
  border-bottom: …

我正在为我们的项目开发动态侧栏，基本上我们想要做的是在用户单击侧栏时设置动态侧栏，当用户单击后侧栏应该折叠并仅显示图标时，动态侧栏会展开（但不显示）完全折叠，它将保留图标），例如在用户单击图标之前。我们从有角度的材质函数中使用sidenav.toggle（），该函数基本上完全关闭了侧边栏，如果我不使用toggle（）函数，导航栏的“侧边”模式将不起作用。所以我想折叠到侧面模式的图标。（我们需要保留侧边模式的另一个原因是，我们还需要确保当用户展开侧边栏时，右侧内容应向右推送）

用户单击图标后

有没有办法做到这一点？

谢谢。

我想得到一个二维int数组arr,我可以通过arr [i] [j]访问.

据我所知,我可以宣布int arr[10][15];获得这样一个数组.在我的情况下,大小是可变的,据我所知,如果数组的大小不是硬编码但是我使用类似的变量,这种语法不起作用int arr[sizeX][sizeY].

什么是最好的解决方法？

如果我编写一个带有一个类型参数的函数[f32](而不是例如&[f32]),我会收到一个错误:

the trait bound `[f32]: std::marker::Sized` is not satisfied

文档说这是因为[f32]没有编译时已知的大小.合理的限制.很公平.

但是,此类型的标准库中至少有一个函数.这是我的称呼它:

let b: Box<[f32]> = Box::new([1.0, 2.0, 3.0]);

为什么在标准库中而不是在我的代码中允许这样做？有什么相关区别？(源中没有明显的魔力).

我想实现一个可以在添加新值时增加的数组.就像在Java中一样.我不知道该怎么做.任何人都可以给我一个方法吗？

这是为了学习目的,因此我无法使用std::vector.