小编Jor*_*ing的帖子
使用CSS保持固定高度和固定宽度布局中视频的宽高比
我正在创建一个具有固定高度布局(不使用弹性框)的Web应用程序,我也受到宽度的限制.
我想将屏幕从中间切开,穿过中心,高度和宽度都在50%左右.
在屏幕的左边象限中,我不想插入HTML5视频播放器,在右边象限中我想插入一些文字和图像.
我可以使用flex-video中指定的技术来维护视频播放器的宽高比http://foundation.zurb.com/docs/components/flex-video.html
然而,这会打破视频溢出到屏幕的下半部分.
无论如何我可以通过单独使用CSS来解决这个问题吗？
这是我到目前为止所拥有的
<!DOCTYPE html>
<head>
<style>
*{
box-sizing: border-box;
}
body{
margin: 0;
padding: 0;
font-family:sans-serif;
color:white;
}
video {
height: 100%;
}
.header{
height: 60px;
background: #002442;
position: relative;
}
.media-card-screen{
background: linear-gradient(to bottom, #004680 0%, #00080f 99%);
position: absolute;
width: 100%;
top:60px;
bottom: 0px;
}
.media-card{
height: calc(100% / 1.75);
}
.video-container{
width: 50%;
display: inline-block;
padding: 20px 20px 0px 20px;
height: 100%;
}
.video{
display: block;
overflow: hidden;
height: 0;
padding-bottom: …9
推荐指数
推荐指数
2
解决办法
解决办法
1万
查看次数
查看次数
Java - 在克隆中贬低
让我们说,Class B扩展class A并class A克隆如下:
public class A implements Cloneable {
public Object clone() throws CloneNotSupportedException {
A ac = (A) super.clone();
return ac;
}
}
public class B extends A {
public Object clone() throws CloneNotSupportedException {
B a = (B) super.clone();
return a;
}
}
为什么在下一行中从A到B进行向下转换是合法的:
B a = (B) super.clone(); // (super of B is A)
而下一个下线是运行时错误？
A a = new A();
B b = (B) a.clone();
提前致谢!
7
推荐指数
推荐指数
1
解决办法
解决办法
688
查看次数
查看次数
无法启动RabbitMQ
我用Google搜索了这么多,没有得到任何正确答案.所以,我发布这个问题以获得更好的结果.
我已经杀了RabbitMQ服务器进程.
现在当我试图再次启动它时,它显示出来了
命令
Run Code Online (Sandbox Code Playgroud)rabbitmqctl start_app
错误
Run Code Online (Sandbox Code Playgroud){error_logger,{{2013,11,4},{11,26,8}},"Cookie file /ngs/app/ttet/.erlang.cookie must be accessible by owner only",[]} {error_logger,{{2013,11,4},{11,26,8}},crash_report,[[{initial_call,{auth,init,['Argument__1']}}, {pid,<0.18.0>},{registered_name,[]},{error_info,{exit,{"Cookie file /ngs/app/curot/.erlang.cookie must be accessible by owner only",[{auth,init_cookie,0,[{file,"auth.erl"}, {line,285}]},{auth,init,1,[{file,"auth.erl"},{line,139}]},{gen_server,init_it,6,[{file,"gen_server.erl"},{line,297}]},{proc_lib,init_p_do_apply,3,[{file,"proc_lib.erl"}, {line,227}]}]},[{gen_server,init_it,6,[{file,"gen_server.erl"},{line,321}]},{proc_lib,init_p_do_apply,3,[{file,"proc_lib.erl"},{line,227}]}]}},{ancestors,[net_sup,kernel_sup,<0.9.0>]},{messages,[]},{links,[<0.16.0>]},{dictionary,[]},{trap_exit,true},{status,running},{heap_size,610},{stack_size,24},{reductions,401}],[]]} {error_logger,{{2013,11,4},{11,26,8}},supervisor_report,[{supervisor,{local,net_sup}}, {errorContext,start_error},{reason,{"Cookie file /ngs/app/ttet/.erlang.cookie must be accessible by owner only",[{auth,init_cookie,0,[{file,"auth.erl"},{line,285}]},{auth,init,1,[{file,"auth.erl"},{line,139}]},{gen_server,init_it,6,[{file,"gen_server.erl"},{line,297}]},{proc_lib,init_p_do_apply,3,[{file,"proc_lib.erl"},{line,227}]}]}},{offender,[{pid,undefined},{name,auth},{mfargs,{auth,start_link,[]}},{restart_type,permanent},{shutdown,2000},{child_type,worker}]}]} {error_logger,{{2013,11,4},{11,26,8}},supervisor_report,[{supervisor,{local,kernel_sup}},{errorContext,start_error},{reason,shutdown},{offender,[{pid,undefined},{name,net_sup},{mfargs,{erl_distribution,start_link,[]}},{restart_type,permanent},{shutdown,infinity},{child_type,supervisor}]}]} {error_logger,{{2013,11,4},{11,26,8}},std_info,[{application,kernel},{exited,{shutdown,{kernel,start,[normal,[]]}}},{type,permanent}]} {"Kernel pid terminated",application_controller,"{application_start_failure,kernel,{shutdown,{kernel,start,[normal,[]]}}}"}
崩溃转储被写入: erl_crash.dump
Kernel pid terminated (application_controller) ({application_start_failure,kernel,{shutdown,{kernel,start,[normal,[]]}}})
Erlang在跑 .是否需要杀死Erlang进程.
[ttet@addr:17.566.98.656 Erlang]$:/ngs/app/ttet> ps -ef | grep erlang
ttet 13813 10547 0 11:57 pts/0 00:00:00 grep erlang
ttet 32155 1 0 Oct08 ? 00:00:14 …7
推荐指数
推荐指数
2
解决办法
解决办法
5665
查看次数
查看次数
如何在ui-sortable中手动触发'update'
我正在使用一个UI,可以在每个项目中按一个delete按钮进行排序.这是删除功能:
$('.delete_item').click(function(){
$(this).closest('.grid_3_b').remove();
initSortable();
$(".sortable").sortable('refresh').trigger('update');
});
该div获取的去除,我想,但没有update发送到PHP ..所以我的脚本将无法保存订单和已删除项目的数据..
这是我的initSortable();功能:
function initSortable() {
$( ".sortable" ).sortable({
items: '.grid_3_b, .dropable',
connectWith: ".sortable",
placeholder: "placeholder",
remove: function(event, ui) {
if(!$('div', this).length) {
$(this).next('.dropable').remove();
$(this).remove();
}
initMenu();
},
receive: function(event, ui) {
if( $(this).hasClass( "dropable" ) ) {
if( $(this).hasClass( "gallery__item--active" ) ) {
$(this).before( "<div class=\"dropable gallery__item sortable\"></div>" );
$(this).after( "<div class=\"dropable gallery__item sortable\"></div>" );
initSortable();
$(".sortable").sortable('refresh').trigger('update');
initMenu();
}
}
},
update : function () …3
推荐指数
推荐指数
1
解决办法
解决办法
6022
查看次数
查看次数
什么是最好的方法？
这两个索引之间有什么区别,如果有,哪个更好用？想要了解有关性能和差异的信息,如果有的话.
$array[$data]
$array["$data"]
提前致谢!
*编辑; 刚刚发现$array["{$data}"],有关那个的任何信息？
2
推荐指数
推荐指数
1
解决办法
解决办法
74
查看次数
查看次数
从钥匙1开始内爆
我有一个像这样的数组:
Array ( [0] => shop [1] => kids [2] => shorts )
现在我希望implode用斜杠分隔所有值/.但我想传递第一把钥匙,[0].
执行implode()上述操作将导致:
shop/kids/shorts
但我想要这个结果:
kids/shorts
这可能吗？我找不到任何implode()函数从特定键开始或忽略第一个键array entries.
2
推荐指数
推荐指数
1
解决办法
解决办法
171
查看次数
查看次数
在父xml中添加复选框时,expandablelistview未展开
安卓2
推荐指数
推荐指数
1
解决办法
解决办法
1471
查看次数
查看次数
Preg匹配都不会找到字符串
我的preg_match_all功能:
preg_match_all("{lang:(.*?)}", $template, $found_langs);
模板如下:
<h1>{lang:Choose sport}</h1>
但它不会找到它...但是如果我使用它:
preg_match_all("{lang:(\w*)}", $template, $found_langs);
它会找到Choose.我需要找到Choose sport..
谁知道为什么(.*?)不起作用？
1
推荐指数
推荐指数
1
解决办法
解决办法
92
查看次数
查看次数
要反击的数字
我有一个号码,让我们说它现在是5.我想要的是获得一个从0到5的数组.
举个例子:
$input = 5;
// Do something
$output = array(0,1,2,3,4,5);
我做了这样的事情:
$i = 0;
$input = 5;
$output = array();
while($i <= $input) {
$output[] = $i;
$i++;
}
快速print_r($output);将导致:
Array
(
[0] => 0
[1] => 1
[2] => 2
[3] => 3
[4] => 4
[5] => 5
)
看起来不错,但我希望有一个更小更快的解决方案.有什么建议？他们是PHP函数我缺少/不知道吗？
1
推荐指数
推荐指数
1
解决办法
解决办法
35
查看次数
查看次数
$("<img rel="nofollow noreferrer" />").one('load'多次触发
我正在使用此代码:
function CheckImage(a, i) {
$("<img/>").one('load', function () {
$("div.photos").append(this);
}).attr('src',a).attr('data-photo', '0' + i);
}
检查图像是否存在.
举个例子:
Photo1 = 'https://imagebank.sportdirect.com/DIx.jpg_RB51,51,255,255,255,127/-/article/111108/111108-1200-01.jpg';
CheckImage(Photo1, '1');
它就像一个魅力,但有时当我在另一个屏幕内使用Ajax加载屏幕时,它会闪烁几次并打印图像4次而不是一次.
知道这是从哪里来的吗？
这是页面的ajax调用:
$.ajax({
url:'/change_item_detail?article=123',
type:'GET',
success: function(data){
$("#left").html(data);
}
});
然后在change_item_detail页面上加载它:
Photo1 = '1.jpg';
CheckImage(Photo1, '1');
Photo2 = '2.jpg';
CheckImage(Photo2, '2');
Photo3 = '3.jpg';
CheckImage(Photo3, '3');
Photo4 = '4.jpg';
CheckImage(Photo4, '4');
更新:
我发现它发射了两次.所以有4个图像检查它有时会显示8个图像..任何想法？赏金将在一分钟内添加.
1
推荐指数
推荐指数
1
解决办法
解决办法
371
查看次数
查看次数