对于一种缩略图水平滑动查看器
如何使水平滚动div内的div强制滚动div水平,而不是到达结尾并开始新的行?
我已经在使用float:left和display:inline-block但它们到达容器的末端并创建一个新行而不是强制容器水平扩展以适应它们因此强制需要水平滚动条
所以div框是强制执行此操作:
[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
<---->scroll
Run Code Online (Sandbox Code Playgroud)
代替:
[ ][ ][ ][ ]
[ ][ ][ ][ ]
Run Code Online (Sandbox Code Playgroud)
码:
<div style="overflow-x: scroll; overflow-y:hidden; width:500px; height: 140px;">
<div style="width: auto;">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div>
</div>
.box{
width: 100px;
height: 100px;
border: solid 1px black;
float:left;
display: inline-block;
}
Run Code Online (Sandbox Code Playgroud) 在数据库中,我希望能够将变量类型的值分配给变量表中的变量.那么每个值类型需要一个单独的值表吗?如果是这样,我不确定如何将值实际链接到正确的表,从而正确的值.我怎样才能实现我的目标?
Variables
ID
Name
VariableValuesLink
ID
IDVars
IDVals
Values
IDvals
ValuesValueLink
ID
IDvals
IDval
ValuesInt
IDval
IntVal
ValuesFloat
IDval
FloatVal
ValuesDouble
IDval
DoubleVal
etc...
etc...
etc...
etc...
Run Code Online (Sandbox Code Playgroud)
我的目标是获得这样的东西:
Variable:
ezas123
Values:
1 (Int)
2.0 (Float)
3.0 (Double)
Variable:
QuickFox
Values:
The (TinyText)
Quick (TinyText)
Brown (TinyText)
Fox (TinyText)
Jumped (TinyText)
Over (TinyText)
The (TinyText)
Lazy (TinyText)
Dog (TinyText)
Variable:
Pangrams
Values:
The Quick Brown Fox Jumped Over The Lazy Dog (Text)
How quickly daft jumping zebras vex (Text)
Run Code Online (Sandbox Code Playgroud)
因此,当我查询数据库时,我将能够取回这组结果(其中值是变化的类型)
Variable …Run Code Online (Sandbox Code Playgroud) 我一直在使用eval,它在一个webbrowser中工作,但不能在另一个webbrowser中工作(这些不是您的标准浏览器,而是与其他应用程序集成的浏览器)在一个我的300多个项目的对象被正确处理.在opther中它处理从256到最后的项目,但跳过前255个!JSON也是正确的.评估的任何替代方案?也许是一个jsonToObject函数.我现在正在写自己的,但是我遇到了主要的时间限制,希望我不必重新发明轮子
任何想法或功能?
非常感谢
到目前为止,我有这个,我打算尝试以反向抛光为基础.不确定它是最有效的,但由于某种原因,它似乎是一个有趣的挑战.我的一部分是折叠到我所拥有的压力,所以我需要现实,并询问是否有任何可以与我分享的方法.
var operatorStack = new Array();
var variableStack = new Array();
var valueStack = new Array();
var objectStack = new Array();
object.prototype.toJSON = function(){
}
function json(str){
this.value = str
}
/*
({"0":"Zero","1":{"A":"1","B":"2"},"2":{"C":"3","D":"4"},"3":{"E":"5","F":"^"}})
*/
json.prototype.toObject = function(){
var str = this.value;
var vbl = "";
var vlu = "";
for(var i = 0; i < str.length; i++){
var chr = str.charAt(i);
switch(chr){
case '{': //new Object();
objectStack.push = new Object();
operatorStack.push(chr);
break;
case '}': //close Object();
operatorStack.pop(); …Run Code Online (Sandbox Code Playgroud)