标签: padding

你能在HTML输入按钮上调整左右填充吗?

输入按钮的文本(值)越长,左右填充似乎越宽(IE).显式CSS填充似乎没有任何效果.有没有人有这个黑客?

html css internet-explorer button padding

2
推荐指数
1
解决办法
4850
查看次数

填充字段集,麻烦IE

渲染字段集的填充是怎么回事.它在FF和Chrome中表现如预期,但在IE中失败.这是我正在谈论的代码:

<html>
    <head>
    </head>
    <body>
        <fieldset>
            <legend>Hello world!</legend>
            <div>Lorem ipsum</div>                
        </fieldset>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这就是css

fieldset {
    border: 1px solid black;
    padding: 30px;
    }
    fieldset legend {
        background-color: silver;
    }
    fieldset div {
        border: 1px dotted silver;
    }
Run Code Online (Sandbox Code Playgroud)

也可以在这里看到:http: //jsfiddle.net/nRAGM/6/

所以我的问题是:如何让上面的html在IE中按预期显示?

html css padding fieldset

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

右边的Pad字符串,带有空格Matlab

因此,下面的代码可以使用空格填充一个字符串,其中最大长度为max_len(包括空格和字符串).

max_len = 20; 

spacing_arg = ['% ', max_len,'s'];

padded_string = sprintf(spacing_arg, str);
Run Code Online (Sandbox Code Playgroud)

现在如何通过正确的填充有效地做到这一点?

matlab padding

2
推荐指数
1
解决办法
7706
查看次数

d3 rangeRoundBands Padding

这里有另一个d3问题......

我正在重新构建我完成构建的条形图,因为我有很多组件和许多冗余转换,因为我不正确地使用了each()方法,性能非常糟糕......这有点挫败了在第一名!

但无论如何,我一直在密切关注mbostock的堆积条形图教程,但是在试图填充彼此的条形时遇到了一个问题.

相关代码如下:

var barWidth = (2.7*chartWidth)/(3.7*array.length - 1);
    //font size for bar labels
    var barNumberSize = (16.0 / 27) * barWidth;
    //font size for bubbles
    var bubbleNumberSize = (12.0 / 27) * barWidth;
    var barPadding = barWidth / 2.7;
    var maxBarHeight = chartHeight;
    var bubbleRadius = barWidth / 2;

    // create the svg object for the whole graphic
    var svg = d3.select('body')
        .append('svg')
        .attr('class','graphic')
        .attr('width', svgWidth)
        .attr('height', svgHeight)

    //create the section for the bar chart itself …
Run Code Online (Sandbox Code Playgroud)

padding d3.js

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

填充会导致水平滚动 - 它会增加宽度

请看这段代码:

<html>
<head>
<style type="text/css">
html, body{
width:100%;
height:100%;
margin:0px;
}

#header{
width:100%;
height:100px;
position:fixed;
display:inline-block;
background-color:red;
padding:0 10px 10px 10px;
}
</style>
</head>
<body>
    <div id="header">
         <div id="header-container">
         </div>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是演示.的header必须具有100%的宽度,并且从左侧,右侧和底部10px的填充.请看这张照片

在此输入图像描述

这是#header萤火虫的布局.正如你所看到的那样,右边的填充不在图像中,因为10px填充被添加到#header宽度中(你可以测试它).如何在#header不增加宽度的情况下为左,右和底设置100%宽度和10px填充?

html css padding width

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

Padding-left在QListWidget中不起作用

我创造了QListWidget:

QListWidget *list = new QListWidget();
list->addItem("Item 1");
list->addItem("Item 2");
list->addItem("Item 3");
Run Code Online (Sandbox Code Playgroud)

然后我应用了我的样式表:

QListWidget::item {
    padding: 5px;
}

QListWidget::item:selected {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #369, stop:1 #147);
    color: white;
}
Run Code Online (Sandbox Code Playgroud)

padding不在左侧工作.所以我有:

在此输入图像描述

那么,我可以在QSS上创建左边距,而不是在C++上创建吗?
PS我试着写padding-left: 5px,它也不行.
PPS在QListWidget::item:selected那个填充工作正在进行中.

c++ qt padding qtstylesheets

2
推荐指数
1
解决办法
2636
查看次数

创建具有给定大小的gzip块(已填充)

假设我有一些文字,例如“ Feef”。我可以gzip压缩,结果是24个字节。有没有一种方法可以gzip压缩,因此结果将是1024个字节?它应该仍然是有效的gzip流,即在解压缩时不会生成消息“忽略跟踪垃圾”。

我将如何使用:Gzip数据标头为固定大小。附加压缩的数据正文。更新标题,将其gzip压缩至相同的固定大小并覆盖。

您可以连接gzip流,它仍然是有效的gzip,但它们必须是正确的流。也许有一种方法可以填充gzip输出?

unix gzip padding

2
推荐指数
1
解决办法
334
查看次数

期望成员之间没有填充是否安全?

正如C11草案所述,我可以向这两个人保证:

  1. ...结构对象中可能有未命名的填充,但不是在它的开头.

  2. 结构或联合的末尾可能有未命名的填充.

但是,如果任何两个成员之间的填充是可以接受的,那对我来说是不明确的.这是因为,通过说第二段,标准似乎暗示填充只能在结构或联合的末尾.例如,假设int占用4个字节,

#include <stdio.h>

struct s {
    char c;
    int a;
};

int main(void) {
    printf("%d\n", sizeof(struct s));
    return 0;
}
Run Code Online (Sandbox Code Playgroud)

我可以得出结论,在c和之间没有填充a吗?

c struct padding language-lawyer

2
推荐指数
1
解决办法
87
查看次数

如何在具有多行的span元素上包括填充

jsfiddle 在这里

我有一个span元素,使用background-color: yellow和突出显示padding: 1px 10px

这里正常

但是,在较小的设备上,此行文本变为两行,三行等。这会使第一行和第二行“丢失” 右侧的填充,例如单词“ the”和“ to”,并且第二和第三行以“丢失” 左侧的填充,例如下图中的“ highlight”和“ better”一词:

问题

如何确保这些单词(在上图中的“ the”,“ highlight”,“ to”,“ better”)和所有其他单词在左侧和右侧保持10px的填充?

有人建议使用来回答类似的问题display: block,但这使span不再是span,而只是一个矩形,这不是我需要的外观。这也使突出显示跨页面的整个宽度。

不良结果

html css highlight padding

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

避免某些相邻元素和类之间的CSS样式

我想在padding-top: 20px;之间添加h3,body但是如果h3之前是另一个元素(例如,h2).这可能吗?

添加padding-top到所有标题时,当标题前面有正文文本但标题之间有不需要的填充时,会给出所需的填充:

在此输入图像描述

请注意,此文档是使用Rmarkdown创建的knitr,因此我无法完全控制所有html.纯CSS解决方案将是首选.


更新:对于也使用knitrRmarkdown的任何人来说,解决方案结果是一个相当复杂的目标:

/* First h2 following h1 */
.level1 > .level2:nth-child(3) > h2 {
    padding-top: 0px;
}
/* First h3 following h2 */
.level2 > .level3:nth-child(3) > h3 {
    padding-top: 0px;
}
Run Code Online (Sandbox Code Playgroud)

查看生成的HTML,我了解到第h2一个h1元素之后的第一个元素,level1并且该元素被调用level2.同样的第一个h3.这就是上面的目标.其他文档中的结构可能有所不同,请自行查看.

css padding knitr html-heading r-markdown

2
推荐指数
1
解决办法
107
查看次数