标签: padding

我不知道怎么做，但我已经研究了几个小时，但无法弄清楚。

我试图让 div 具有固定的宽高比1:1，但这个padding-top技巧不起作用。

这是我的代码：

HTML：

<div class="test">
  <div/><div/><div/><div/>
</div>

CSS：

.test {
  width: 50px;
  height: 0px;
  padding-top: 100%;
  background: blue;
}

谁能弄清楚我做错了什么吗？

JSFiddle 链接： http: //jsfiddle.net/ajpgbc0L/

预期结果： http: //jsfiddle.net/ajpgbc0L/2/

编辑：我应该明确表示宽度可以是任何东西

为了适应我想在单变量 LSTM 中使用并且具有“多步时间”的数据序列，最简单的方法是进行一些填充。我的初始数据集如下所示，它是一个 numpyarray：

X
[0.295046, 0.325147, 0.361293]
[0.249307,0.444077]
[0.570017,0.525082,0.475404,0.390616]

到目前为止我尝试过的是：

from keras.preprocessing.sequence import pad_sequences
padded_x = pad_sequences(X)
print(padded_x)

而不是添加零来“完成”数据集：

X
[0.0, 0.295046, 0.325147, 0.361293]
[0.0, 0.0, 0.249307,0.444077]
[0.570017,0.525082,0.475404,0.390616]

它只是将所有值替换为 0。我不知道我错过了什么......

提前致谢 ：）

我一直在探索用于 RSA 加密和解密的各种 JavaScript 库，并发现了一个 JSEncrypt，位于https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/2.3.1/jsencrypt.min.js。

然而，我在尝试理解该库用于 RSA 加密和解密的逻辑和操作时遇到了很大的困难。主要是，

1. 加密算法使用的算法有哪些？
2. 使用什么填充方案？
3. 有盐吗？如果是的话，盐是如何产生的？
4. 任何其他应注意的信息。

我无法找到这个库的任何像样的文档，而且我无法理解丝毫的源代码。任何帮助是极大的赞赏。

我有一个Widget包裹在Padding. 我想分别了解rightPadding当前width设备的。这是我尝试过的：

  child: Padding(
    padding: const EdgeInsets.only(
        top: 8,
        bottom: 8,
        right: MediaQuery.of(context).size.width / 30), // -> error
    child: Image.asset('assets/images/person.png'),
  ),

但我收到错误：

无效常量值

这是为什么？我该如何解决这个问题？

据我所知，结构的大小取决于使用的编译器，并且编译器可能会添加填充以满足对齐要求。

在 64 位系统上。我测试了两个例子：

示例1：

struct
{
    uint8 a;
    uint32 b;
    uint8 c;
}ABC;

size of(uint8 a) == 1 bytes + 3 bytes padding
size of(uint32 b) == 4 bytes + 0 padding
size of(uint8 c) == 1 bytes + 3 padding

==> So, size of(ABC) = 12 bytes.

示例2：

struct
{
    uint8 a;
    uint16 b;
    uint8 c;
}ABC;

size of(uint8 a) == 1 bytes + 1 bytes padding
size of(uint16 b) == 2 bytes + 0 padding
size of(uint8 …

好.我最近对这个网站做了一些更新.

http://annberingerart.com/index.php

在进行一些小的更改后,似乎索引页面上的图像的边距和填充已更改.我希望在所有图像之间在垂直和水平方向上具有相等的填充以及一致的边距.

另外,我在安装了Safari 5的朋友的MAC上查看了该网站,并且整个包装器的大小似乎缩小了,因为它不能像我之前那样包含它的子项.

你可以看一下firebug中的CSS,因为在这里发布400多行CSS会很漫长.

任何和所有的批评都是受欢迎的,但我主要想知道如何解决这个问题.

HTML(3倍):

<div class="scream">
  <div class="author">
    <img src="avatars/dagrevis.png" alt="" title="daGrevis" />
  </div>
  <div class="data">
    <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</span>
  </div>
  <div class="clearer"></div>
</div>

CSS:

.scream {
  background: #F4F4F4;
  width: 944px; height: 48px;
}

.scream .author {
  float: left;
}

.scream .data {
  float: left;
}

.clearer { clear: both; }

这是它在我的浏览器上的样子:

如您所见,height设置为48px.图像大小也是48px.怎么说我没有看到每个div.scream分开的线？height例如,如果我设置为50px,那么一切正常!在我看来,这是因为有某种边界/轮廓/边缘/填充破坏了我的生活.不幸的是,使用FireBug我没有看到类似的东西......

在div中有一个div和一个图像,所有边距都设置为0 - 但是它一直显示在div内部,甚至不在外侧,它不是填充或边距,我似乎无法弄清楚它是什么.

我试图将Div更改为部分,给它们带来负边距,使高度达到100%但没有任何效果!

以下是该网站的链接:http://www.webdesignstudents.co.uk/students/loai_shehadeh/1/portfolio.html 您可以通过查看页面源查看完整代码,但这里是我使用的HTML是这个:

        <div class="wrapperB">
            <div class="content">
                <div id="portfolio-sectionB" class="all">
                    <div id="grid1"><!--Gird 1-->   

                        <div class="galleryItemB visualIdentity">
                            <img alt="Brighton and Hove In Bloom Logo" src="portfolio/images/brighton-in-bloom-logo-mockup-1.jpg">
                            <a href="portfolio/brighton-in-bloom.html"></a>
                        </div>  

                        <div class="galleryItemB visualIdentity">
                            <img alt="" src="portfolio/images/hovecollege-course-magazine-mockup2.jpg">
                            <a href="portfolio/hovecollege-course-magazine.html"><p>Click To View Project</p></a>
                        </div>  

                        <div class="galleryItemB visualIdentity">
                            <img alt="" src="portfolio/images/brighton-pet-show-poster-mockup3.jpg">
                            <a href="portfolio/brighton-pet-show.html"><p>Click To View Project</p></a>
                        </div>  

                        </div><div id="grid2"><!--Gird 2--> 

                        <div class="galleryItemB visualIdentity">
                            <img alt="" src="portfolio/images/ambition-world-bussiness-card-mockup.jpg">
                            <a href="portfolio/ambition-world.html"><p>Click To View Project</p></a>
                        </div>  

                        </div><div id="grid3"><!--Gird 3--> 

                        <div class="galleryItemB visualIdentity">
                            <img alt="" …

当我发现这个struct... 的大小时,我正在经历结构成员对齐和结构填充概念的概念.

struct node{
  int b;
  char a;
 };

...是8个字节(即它包含3个字节的填充),而这个struct... 的大小...

struct node{
  char a;
};

......只有1个字节.为什么后者没有填充？

我只是想知道是否有可能使用datamapper/dataweave发出一个格式字符串,在数字上有一个固定长度,并用填充零来完成长度？

就像是

String.format("%056",variable_number);

我在datamapper上尝试了这个,但它不起作用.我错过了什么？