我div里面有另外一个div。如果我在外部有边框,div我会在 Microsoft Edge 浏览器中以某种比例(100% 或 125%)获得一个空格。我认为这是一个舍入错误,但我不知道如何摆脱它。
html:
<div class="outer">
<div class="inner"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
css:
.outer {
background-color: black;
float: left;
border: 1px solid white;
}
.inner {
width: 300px;
height: 300px;
background-color: yellow;
}
Run Code Online (Sandbox Code Playgroud)
jsfiddle:https ://jsfiddle.net/EvgeniiMalikov/4bbx9p5w/
如您所见,在外部和内部 div 之间可见黑色背景。如果您没有看到它,请尝试更改比例。
更新:间隙实际上不是出现在 div 元素之间,而是在靠近其边框的内部 div 内。通过向内部 div 添加轮廓来发现它。
示例截图
box-sizing: border-box;
border: 1px solid lime;
outline: 1px solid lime;
Run Code Online (Sandbox Code Playgroud) 我有一个类似的数组(json_decode 的结果):
array(2) {
[0]=>
object(stdClass)#1 (3) {
["key"]=>
string(6) "sample"
["startYear"]=>
string(4) "2000"
["endYear"]=>
string(4) "2015"
}
[1]=>
object(stdClass)#2 (3) {
["key"]=>
string(13) "second_sample"
["startYear"]=>
string(4) "1986"
["endYear"]=>
string(4) "1991"
}
}
Run Code Online (Sandbox Code Playgroud)
我想将其转换为数组,如下所示:
array(2) {
["sample"]=>
array(2) {
["startYear"]=>
string(4) "2000"
["endYear"]=>
string(4) "2015"
}
["second_sample"]=>
array(2) {
["startYear"]=>
string(4) "1986"
["endYear"]=>
string(4) "1991"
}
}
Run Code Online (Sandbox Code Playgroud)
有没有美丽的方法来做到这一点(目前我正在使用 foreach,但我不确定这是最好的解决方案)。
添加了代码示例:
<?php
$str='[{"key":"sample","startYear":"2000","endYear":"2015"},{"key":"second_sample","startYear":"1986","endYear":"1991"}]';
$arr=json_decode($str);
var_dump($arr);
$newArr=array();
foreach ($arr as $value){
$value=(array)$value;
$newArr[array_shift($value)]=$value;
}
var_dump($newArr);
Run Code Online (Sandbox Code Playgroud)