标签: padding

ffmpeg调整较大的视频大小以适合所需的大小并添加填充

我正在尝试调整较大的视频以适应我所拥有的区域.为了实现这一点,我首先计算调整大小的视频的尺寸,使其适合我的区域,然后我尝试为此视频添加填充,以便最终结果具有所需的尺寸,同时保持纵横比.

所以,假设我的原始视频尺寸为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.

我不知道我做错了什么.以前有人有这个问题吗?你有什么建议吗?

ffmpeg padding

20
推荐指数
3
解决办法
2万
查看次数

为什么我的<a>元素下会出现4px的额外填充?

H3LLO,

由于某种原因,在a元素下面出现了4px的额外填充.我在Firefox和Chrome中看到了这个清单.我记得早期在Flickr上看到过这种现象,只不过它是一个蓝色的条形图,出现在s包裹的元素中.

这是一个示例代码链接,用于说明我的问题.背景:a的颜色为红色,边框:img的颜色为灰色.如您所见,a元素在img下方延伸约4px .

要查看代码,只需在将鼠标悬停在窗口上时按下右上角显示的" 使用JSBIN编辑 "链接即可.

如何任何想法摆脱的一个元素的额外的底部填充?

谢谢
亚当

html css image padding hyperlink

19
推荐指数
2
解决办法
6389
查看次数

如何在不增加宽度的情况下向textarea添加填充?

我一直无法设置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滚动.

有人可以帮忙吗?

html css textarea padding

19
推荐指数
1
解决办法
4万
查看次数

边框半径和填充不好玩

我在尝试获取图像的半径方面遇到了麻烦.为了演示目的,我简化了我的问题并夸大了变量.

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'标签没有任何意义,但事实并非如此.我的错.

css image padding css3

19
推荐指数
2
解决办法
2万
查看次数

<Body>标签的边距和填充

我正在编写一个非常简单的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)

我对这个场景有一些疑问.

  1. 为什么这个值是4?
  2. 从这个值来的地方,它被保存在某个地方?
  3. 我们可以修改(可配置)此默认值吗?
  4. 浏览器的这些值有何不同?

谢谢.

html margin padding stylesheet

19
推荐指数
1
解决办法
8万
查看次数

jQuery css('padding') - Firefox问题

当你尝试获取一个元素时,似乎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个函数?

谢谢.

css firefox jquery padding

19
推荐指数
1
解决办法
8563
查看次数

HTML:IE:在输入文本框中右填充

转到http://jsfiddle.net/srLQH/并在"结果"视图中填写输入文本框.

如果您在FF,Chrome和Safari中执行此操作,您的文本将停止在右侧20px之外.

在IE 7/8中,文本不会停止20px短 - 它一直到输入框的边缘.

与IE有什么关系?如何在IE中获得与其他所有浏览器相同的填充效果?

html css internet-explorer padding

18
推荐指数
3
解决办法
3万
查看次数

HTML5表格单元格填充 - 在浏览器中有所不同

我把它简化为一个相当简单的例子.

对我来说,它在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)

css html5 html-table cross-browser padding

18
推荐指数
2
解决办法
2万
查看次数

为什么Java对象必须是8的倍数?

我知道Java使用填充; 对象必须是8个字节的倍数.但是,我没有看到它的目的.它是干什么用的?它的主要目的究竟是什么?

java object padding

18
推荐指数
2
解决办法
3211
查看次数

Window.Margin和Window.Padding不起作用

我正在设置窗口的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(边缘+填充).

是的,我知道我可以设置标签的边距,但这不是我想要的.我有一个整个项目,其所有窗口都设置为样式,我想在一般窗口样式中设置此属性(或其他).

我想如果我找不到任何解决方案,我将为贪婪创建一个命名样式,我将设置边距/填充,然后我将逐个窗口并设置网格的样式,但这是我想做的最后一个选项.
提前致谢.

wpf xaml window margin padding

17
推荐指数
2
解决办法
7660
查看次数