输入按钮的文本(值)越长,左右填充似乎越宽(IE).显式CSS填充似乎没有任何效果.有没有人有这个黑客?
渲染字段集的填充是怎么回事.它在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中按预期显示?
因此,下面的代码可以使用空格填充一个字符串,其中最大长度为max_len(包括空格和字符串).
max_len = 20;
spacing_arg = ['% ', max_len,'s'];
padded_string = sprintf(spacing_arg, str);
Run Code Online (Sandbox Code Playgroud)
现在如何通过正确的填充有效地做到这一点?
这里有另一个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) 请看这段代码:
<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填充?
我创造了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那个填充工作正在进行中.
假设我有一些文字,例如“ Feef”。我可以gzip压缩,结果是24个字节。有没有一种方法可以gzip压缩,因此结果将是1024个字节?它应该仍然是有效的gzip流,即在解压缩时不会生成消息“忽略跟踪垃圾”。
我将如何使用:Gzip数据标头为固定大小。附加压缩的数据正文。更新标题,将其gzip压缩至相同的固定大小并覆盖。
您可以连接gzip流,它仍然是有效的gzip,但它们必须是正确的流。也许有一种方法可以填充gzip输出?
正如C11草案所述,我可以向这两个人保证:
...结构对象中可能有未命名的填充,但不是在它的开头.
结构或联合的末尾可能有未命名的填充.
但是,如果任何两个成员之间的填充是可以接受的,那对我来说是不明确的.这是因为,通过说第二段,标准似乎暗示填充只能在结构或联合的末尾.例如,假设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吗?
jsfiddle 在这里。
我有一个span元素,使用background-color: yellow和突出显示padding: 1px 10px。
但是,在较小的设备上,此行文本变为两行,三行等。这会使第一行和第二行“丢失” 右侧的填充,例如单词“ the”和“ to”,并且第二和第三行以“丢失” 左侧的填充,例如下图中的“ highlight”和“ better”一词:
如何确保这些单词(在上图中的“ the”,“ highlight”,“ to”,“ better”)和所有其他单词在左侧和右侧保持10px的填充?
有人建议使用来回答类似的问题display: block,但这使span不再是span,而只是一个矩形,这不是我需要的外观。这也使突出显示跨页面的整个宽度。
我想在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.这就是上面的目标.其他文档中的结构可能有所不同,请自行查看.