我需要一些关于如何使用边距以及填充如何工作的信息.
例如:我应该用一条线来占据页面的整个宽度(无论用什么分辨率来显示网页),只让每边都有一个小边框,我怎么能实现这个呢?
试图添加一个border-bottom:1px solid #ccc到ol中的li.
我希望ol的数量不在外面.现在边界不低于数字.
我现在设置了这些类:
ol {padding:0 0 0 30px;margin:0;}
ol li {font-size:15px;font-weight:bold;color:#666;border-bottom:1px solid #ccc;padding:0 0 15px;margin:0 10px 15px 0;}
Run Code Online (Sandbox Code Playgroud)
基本上需要在li和边框周围填充15px的填充作为ol的全宽.
任何方向都非常感谢!
例如,我需要获取一个未知数字,比方说3,并找到二进制(2 ^ 3) - 1次,从0到111(0-7).显然,我需要的位数取决于2 ^ n中的数字'n'.
所以,如果数字为3,我需要输出为:
000
001
010
011
100
101
111
Run Code Online (Sandbox Code Playgroud)
现在显然我可以使用String.format("%03d",NumberInBinary)操作手动执行此操作,但这是硬编码3位数.我需要使用未知位数的等效代码,我该怎么做?(如String.format("%0nd",yournumber),其中n是位数.)
我尝试了这里发布的已接受的解决方案,但似乎忽略了填充.当显示第二个视图(在这种情况下是一个按钮)时,它比具有填充的原始视图小得多.有解决方法吗?谢谢
我有一个使用的设计html,css并且遇到了一个令我困惑的问题.
在div围绕我的标签p标签具有padding的0 20px;.该p标签是无论是作为缺省(根据font-size)或陈述css.
问题:在margin对的p标记没有显示,除非有一个padding至少1px在周围div.
HTML
<div>
<p>Why hello there Sir!</p>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
div {
padding:0 20px;
/* padding:1px 20px; */
/* fixes the issue but adds an extra pixel, which I don't want */
background:#ccc;
}
p {
margin:20px 0;
}
Run Code Online (Sandbox Code Playgroud)
这是一个工作示例(带有解决问题的按钮):http://jsfiddle.net/hrRNu/
我真的希望这个在没有任何填充的情况下工作.有任何想法吗?
我有这个元素:
<div class="menubar">
<a href="http://home.com"><img src="../img/home_button.png"/></a>
<a href="http://home.com/a"><img src="../img/a_button.png"/></a>
<a href="http://home.com/b"><img src="../img/b_button.png"/></a>
<a href="http://home.com/c"><img src="../img/c_button.png"/></a>
</div>
Run Code Online (Sandbox Code Playgroud)
我的目标是让菜单栏div的内容居中.
使用display: table;并margin:auto;实现,但我正在使用的背景图像被裁剪为仅适合div的内容:
.menubar {
display: table;
margin: auto;
background-image:url(/img/menubar_background.png);
}
Run Code Online (Sandbox Code Playgroud)
那么,我有另一个版本,两侧都增加了50%的填充,但问题是结果的总宽度是100%+按钮的宽度.
.menubar {
padding-right:50%;
padding-left:50%;
background-image:url(/img/menubar_background.png);
}
Run Code Online (Sandbox Code Playgroud)
我通过使用max-width:960px(100%)来实现更接近的东西,但仍然存在一个问题:它实际上并没有向两侧应用相同数量的填充.它最终向左填充50%,向左到达960px向右填充.
欢迎任何帮助!
如何摆脱Bootstrap 3列中的填充?
在下面的plunkr中,我想要按下按钮和文本输入:http://plnkr.co/edit/H5EIiCyiH8HbploTghVZ?p = preview 并为每个填充div的整个宽度.我希望他们没有左右填充.同样的"拉我左"和"我也是"div.
当我在我自己的CSS中覆盖padding-left时,它将所有内容拉到左侧,使"Jim"和"Hello"div的内容脱离屏幕.
有任何想法吗?
我们知道这_attribute__((__packed__))意味着(最有可能)"不插入任何填充物来加快速度",也可能意味着"不要插入任何对齐以保持对齐".
struct structure2
{
int id1 __attribute__((__packed__));
char name __attribute__((__packed__));
int id2 __attribute__((__packed__));
char c __attribute__((__packed__));
float percentage __attribute__((__packed__));
};
struct structure2 b;
printf(" \n\nsize of structure2 in bytes : %d\n", sizeof(b));// output = 20
Run Code Online (Sandbox Code Playgroud)
为什么不删除所有填充(输出= 14)?
struct something {
uint32_t a;
uint8_t b;
uint16_t c;
uint32_t x;
uint16_t y;
uint8_t z;
};
uint8_t *data = malloc(14);
struct something *s = (struct something *)data;
s->a = 1;
s->b = 2;
s->c = 3;
s->x = 4;
s->y = 5;
s->z = 6;
Run Code Online (Sandbox Code Playgroud)
在C中执行此操作是否总是安全的,或者结构填充可能会导致问题?
编辑1(说清楚):是否保证数据[0] ..数据[3] == 1,数据[4] == 2,数据[5] ..数据[6] == 3,数据[ 7] ..数据[10] == 4,数据[11] ..数据[12] == 5和数据[13] == 6?
编辑2:编辑1时出现小错误
我已经读过字符是一种特例,在单个机器单词中的任何位置它们都同样昂贵,因此它们没有首选的对齐方式。
根据上述声明两者的尺寸Struct_1和Struct_2应为5个字节。在Struct_1正在占用5个字节按期望但Struct_2正在占用8个字节。
请解释一下这背后的原因。
更进一步,我已经在中打印了各个成员的地址Struct_2。它确认在最后一个成员之后添加了填充空间char g。
为什么在最后一个成员的末尾需要填充?
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
typedef struct Struct_1 {
char a;
char b;
char c;
char d;
char e;
} Struct_1;
typedef struct Struct_2 {
int f;
char g;
} Struct_2;
int main(void) {
Struct_2 strc2;
printf("\tsizeof(Struct_1): %ld\n", sizeof(Struct_1));
printf("\tsizeof(Struct_2): %ld\n", sizeof(Struct_2));
printf("\tsizeof(strc2.f) : %ld\n\n", sizeof(strc2.f));
printf("\t&(strc2.f) = %p\n", &(strc2.f));
printf("\t&(strc2.g) = %p\n", &(strc2.g));
return (0);
}
Run Code Online (Sandbox Code Playgroud)
上面代码的输出:
sizeof(Struct_1): 5
sizeof(Struct_2): …Run Code Online (Sandbox Code Playgroud)