我正在尝试调整较大的视频以适应我所拥有的区域.为了实现这一点,我首先计算调整大小的视频的尺寸,使其适合我的区域,然后我尝试为此视频添加填充,以便最终结果具有所需的尺寸,同时保持纵横比.
所以,假设我的原始视频尺寸为1280x720,为了适应我的405x320区域,我需要先将视频大小调整为405x227.我这样做.此时一切都很好.我做了一些数学计算,我发现我必须在顶部和底部添加46像素的填充.
所以命令的padding参数就是-vf "pad=405:320:0:46:black".但是每次运行命令时都会出现错误Input area 0:46:405:273 not within the padded area 0:0:404:226.
我发现的唯一填充文档是http://ffmpeg.org/libavfilter.html#pad.
我不知道我做错了什么.以前有人有这个问题吗?你有什么建议吗?
我一直无法设置textarea元素的宽度并通过CSS使用填充.填充值似乎改变了textarea的宽度,我宁愿不这样做.
这是我的HTML代码:
<div id="body">
<textarea id="editor"></textarea>
</div>
Run Code Online (Sandbox Code Playgroud)
我的CSS代码:
#body {
height:100%;
width:100%;
display:block;
}
#editor {
height:100%;
width:100%;
display:block;
padding-left:350px;
padding-right:350px;
}
Run Code Online (Sandbox Code Playgroud)
但是,填充值似乎不像预期的那样工作.textarea的宽度在两个方向上增加350px,而不是在元素的边界和其内容之间定义空间.
我已经考虑通过将边距设置为"0px auto"来对textarea进行居中,但是如果鼠标悬停在其中一个空边距上,我希望用户仍能够滚动文本区域.出于同样的原因,我无法添加另一个div来充当包装器,因为用户无法沿着空白区域滚动,而只能沿着无边距的textarea滚动.
有人可以帮忙吗?
我在尝试获取图像的半径方面遇到了麻烦.为了演示目的,我简化了我的问题并夸大了变量.
CSS:
div.wrap img {
-moz-border-radius: 50px;
border-radius: 50px;
}
img.pic {
padding: 15px 25px 35px 45px;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div class="wrap">
<img class="pic" src="http://i.imgur.com/UAef0.jpg"
width="300" height="300" />
</div>
Run Code Online (Sandbox Code Playgroud)
如果我删除填充,噗,漂亮的角落.如果它有所帮助,那么他们就有两个不同的类别."wrap"中可以包含多个"pic".有时候他们会属于同一个班级,有时他们不会这样,有点像这样:
img.left_pic { float:left; padding:5px 10px 5px 5px; }
img.right_pic { float:right; padding:5px 5px 5px 10px; }
Run Code Online (Sandbox Code Playgroud)
任何帮助或见解将不胜感激.
jsFiddle:http://jsfiddle.net/NwfW6/
编辑解决方案:
这或多或少是我基本上想做的事情.我想我有一个'呃'的时刻.我现在肯定我需要使用的声明是margin 而不是 padding.另一个Thanx to GGJ提醒我如何以正确的方式去做.还有Jan所说的将填充添加到'img'标签没有任何意义,但事实并非如此.我的错.
我正在编写一个非常简单的HTML代码,如下所示.写在记事本中并在IE-8和Firefox(OS:Window Vista)中打开.
<html>
<body>
<table border="1"><tr><td>test</td></tr></table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
上面的代码没什么特别的,它是从左上角创建一些空间.

使用以下代码可以轻松删除
<body style="margin:0; padding:0">
Run Code Online (Sandbox Code Playgroud)
现在我已经找到了默认的边距和填充,这适用4于Firefox,而不同于IE-8.
<body style="margin:4; padding:4">
Run Code Online (Sandbox Code Playgroud)
我对这个场景有一些疑问.
谢谢.
当你尝试获取一个元素时,似乎Firefox(至少v19.0.2)有jQuery css()函数的问题padding.
我使用时没有问题.css('padding-left'),但写一行而不是4行会很好,尤其是像这样的简单功能.
以下是显示我的问题的示例,请比较Chrome/Firefox行为:
$('#log').append(
'padding : '+ $('#sample').css('padding')+'\n'+
'padding-top : '+ $('#sample').css('padding-top')+'\n'+
'padding-bottom : '+ $('#sample').css('padding-bottom')+'\n'+
'padding-left : '+ $('#sample').css('padding-left')+'\n'+
'padding-right : '+ $('#sample').css('padding-right')+'\n'
);Run Code Online (Sandbox Code Playgroud)
#sample {
border: 1px solid black;
padding: 8px;
margin: 10px;
}
#log {
padding: 8px;
margin: 10px;
}Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="sample">Lorem ipsum</div>
<textarea id="log" rows="10" cols="50"></textarea>Run Code Online (Sandbox Code Playgroud)
我错过了什么吗?或者是否有一个解决方法来检索元素padding而不调用4个函数?
谢谢.
转到http://jsfiddle.net/srLQH/并在"结果"视图中填写输入文本框.
如果您在FF,Chrome和Safari中执行此操作,您的文本将停止在右侧20px之外.
在IE 7/8中,文本不会停止20px短 - 它一直到输入框的边缘.
与IE有什么关系?如何在IE中获得与其他所有浏览器相同的填充效果?
我把它简化为一个相当简单的例子.
对我来说,它在Chrome 7.0中与在Firefox 3.6.12中看起来不同.IE 9 beta看起来像Chrome.
我希望能够在TD上设置填充,并使其在所有浏览器中以相同的高度渲染.目前,使用10px顶部填充,Chrome中的单元格看起来比Firefox更高.
我尝试过使用Eric的重置css,它不会改变结果任何想法为什么这些都被渲染得不同?
它的外观如下所示 - http:// yfrog.COM/5zqa7p
而代码......
<!DOCTYPE html>
<head>
<title>padding test</title>
<meta charset=utf-8>
<style>
td { width: 100px; height:100px; background: green; padding: 10px 0 0 0; }
</style>
</head>
<body>
<table>
<tr><td>TEST</td></tr>
<tr><td>TEST</td></tr>
</table>
</body>
Run Code Online (Sandbox Code Playgroud) 我知道Java使用填充; 对象必须是8个字节的倍数.但是,我没有看到它的目的.它是干什么用的?它的主要目的究竟是什么?
我正在设置窗口的peroperty Margin和Padding,它不会生效:
这是一个例子:
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
SizeToContent="WidthAndHeight"
ResizeMode="NoResize"
Padding="22"
Margin="22">
<Grid>
<Label
FontWeight="Bold"
FontSize="36"
BorderThickness="1"
BorderBrush="Red"
Content="Hello world!"/>
</Grid>
</Window>
Run Code Online (Sandbox Code Playgroud)
结果:

期望的结果是标签的红色框应该离窗口框架44px(边缘+填充).
是的,我知道我可以设置标签的边距,但这不是我想要的.我有一个整个项目,其所有窗口都设置为样式,我想在一般窗口样式中设置此属性(或其他).
我想如果我找不到任何解决方案,我将为贪婪创建一个命名样式,我将设置边距/填充,然后我将逐个窗口并设置网格的样式,但这是我想做的最后一个选项.
提前致谢.