我在这里有一个工作代码:http://jsfiddle.net/WVm5d/(你可能需要让结果窗口更大才能看到对齐中心效果)
题
代码工作正常,但我不喜欢display: table;.这是我制作包装类对齐中心的唯一方法.我认为如果有一种方法可以使用display: block;或更好display: inline-block;.是否有可能以另一种方式解决对中中心?
添加固定的容器对我来说不是一个选择.
如果JS Fiddle链接在未来被破坏,我也会在此处粘贴我的代码:
body {
background: #bbb;
}
.wrap {
background: #aaa;
margin: 0 auto;
display: table;
overflow: hidden;
}
.sidebar {
width: 200px;
float: left;
background: #eee;
}
.container {
margin: 0 auto;
background: #ddd;
display: block;
float: left;
padding: 5px;
}
.box {
background: #eee;
border: 1px solid #ccc;
padding: 10px;
margin: 5px;
float: left;
}
.box:nth-child(3n+1) {
clear: left;
}Run Code Online (Sandbox Code Playgroud)
<div …Run Code Online (Sandbox Code Playgroud)是否可以在不使用Javascript的情况下在页面加载时使用CSS3过渡动画?
这是我想要的,但在页面加载:
http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html
到目前为止我发现了什么
https://jsfiddle.net/vhem8scs/
是否可以将两个项目左对齐,一个项目与flexbox对齐?该链接更清楚地显示了它.最后一个例子是我想要实现的.
在flexbox中,我有一个代码块.使用float我有四个代码块.这是我更喜欢flexbox的一个原因.
HTML
<div class="wrap">
<div>One</div>
<div>Two</div>
<div>Three</div>
</div>
<!-- DESIRED RESULT -->
<div class="result">
<div>One</div>
<div>Two</div>
<div>Three</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.wrap {
display: flex;
background: #ccc;
width: 100%;
justify-content: space-between;
}
.result {
background: #ccc;
margin-top: 20px;
}
.result:after {
content: '';
display: table;
clear: both;
}
.result div {
float: left;
}
.result div:last-child {
float: right;
}
Run Code Online (Sandbox Code Playgroud) 我有一个包含完整URL的字符串,包括GET变量.哪个是删除GET变量的最佳方法?有没有一种很好的方法可以删除其中一种?
这是一个有效但不是很漂亮的代码(我认为):
$current_url = explode('?', $current_url);
echo $current_url[0];
Run Code Online (Sandbox Code Playgroud)
上面的代码只删除所有GET变量.在我的情况下,URL是从CMS生成的,因此我不需要任何有关服务器变量的信息.
可能重复:
PHP按包含日期的元素对多维数组进行排序
我在PHP数组中有一些来自XML或JSON的数据,如下所示:
[0]= array(2) {
["title"]= string(38) "Another title"
["date"]= string(31) "Fri, 17 Jun 2011 08:55:57 +0200"
}
[1]= array(2) {
["title"]= string(38) "My title"
["date"]= string(31) "Mon, 16 Jun 2010 06:55:57 +0200"
}
Run Code Online (Sandbox Code Playgroud)
我想要做的是按日期订购这两个项目.
我不想做什么
我可以使用日期并将其设置为ID,但感觉不对,因为两个项目可以具有相同的日期,然后它不会是唯一的.
我在jsfiddle上有一个脚本:http://jsfiddle.net/kX7b6/
悬停时没有任何反应
在悬停时,我希望绿色框与红色框重叠,边距为-50px.什么都没发生.
动画有效,但不是保证金
为了表明动画本身正在工作,我为动画增加了一个不透明度函数.就我所见,margin-top设置为0px内联.
HTML
<div class="table-cell">
My text, should be align middle
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.table-cell {
height: 200px;
width: 200px;
vertical-align: middle;
background: #eee;
display: table-cell;
position: absolute;
}
Run Code Online (Sandbox Code Playgroud)
问题
文本应放在我的"表格单元格"的中间.一切都按预期工作,直到我添加"position:absolute".现在它不能再将我的内容放在中间了?为什么不?它仍然知道我的高度和宽度,因为我在我的CSS中设置它.
有什么聪明的解决方法吗?
在Github中有一种方法可以包含md文件,例如README.md吗?
# Headline
Text
[include](File:load_another_md_file_here.md)
Run Code Online (Sandbox Code Playgroud)
它不应该链接到文件,它应该加载它的内容,如PHP include/file_get_contents.
我需要从重复的值中获取密钥.我尝试使用array_search并且工作正常,但我只获得了第一个值作为命中.
我需要从重复值中获取两个键,在本例中为0和2.搜索结果输出为数组将是好的.
是否有PHP函数来执行此操作,还是需要编写一些多循环来执行此操作?
$list[0][0] = "2009-09-09";
$list[0][1] = "2009-05-05";
$list[0][2] = "2009-09-09";
$list[1][0] = "first-paid";
$list[1][1] = "1";
$list[1][2] = "last-unpaid";
echo array_search("2009-09-09",$list[0]);
Run Code Online (Sandbox Code Playgroud) 我在Idiorm中使用PHP和mySQL .这可能不相关.
我的PHP数组
如果需要解决问题,可以更改此阵列结构.
array (
33 =>
array (
0 => '27',
1 => '41',
),
27 =>
array (
0 => '64',
1 => '71',
),
0 =>
array (
0 => '28',
1 => '29',
2 => '33',
),
)
Run Code Online (Sandbox Code Playgroud)
我的分层结果
像这样的东西,但作为一个数组......
0 =>
28
29
33
27 =>
64
71
41
Run Code Online (Sandbox Code Playgroud)
信息
我自己的想法
我尝试了上述两种情况,只是搞得一团糟.这是一个脑子.