标签: padding

填充导致重叠,流体设计?

我开始着手创建网站,但有些事情我不明白。例如:

我创建了一个wrapperdiv。里面有三个主要部分:页眉、内容和页脚。我给了wrapperdiv一个固定的大小(1280px x 1024px)并将内容div设置为该大小的2/3。剩下的就是1/3。现在,每当我想在我的子 div 中填充某些内容时,它就会与包装 div 重叠,我不知道如何修复它。

我决定在wrapperdiv 中使用百分比,以便当有人查找网站时缩放等工作流畅。

对此有什么想法吗?我怎样才能做得更好?

谢谢!

代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="pagewrapper">
    <div id="header">

    </div>
    <div id="content">

    </div>
    <div id="footer">

    </div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS:

@font-face {
    font-family: "Bickley";
    src: url(fonts/Bickley%20Script.ttf);
}

@font-face {
    font-family: "American";
    src: url(fonts/American%20Classic%20Bold.ttf);
}

body {
    font-size: 1em;
    font-family: sans-serif;
    color: #c6c6c6;
    background-image: url("images/bodybackground.jpg");
}

a:link {
    text-decoration: none;
    color: #c6c6c6;
}

a:visited {
    color: #c6c6c6;
}

a:hover …
Run Code Online (Sandbox Code Playgroud)

html css layout margin padding

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

将前面的零添加到文件中的所有行

我有一个简单的文本文件,每行都包含一些随机数。我希望为数字较少的数字添加前面的零。有没有办法在命令行(UNIX)上做到这一点

输入文件:

235
25
1
963258
45
1356924
Run Code Online (Sandbox Code Playgroud)

输出文件:

0000235
0000025
0000001
0963258
0000045
1356924
Run Code Online (Sandbox Code Playgroud)

unix shell command-line padding sh

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

文本字段图标之前的填充

我找到了在开始之前以编程方式应用图标的方法textfield,但主要关心的是在图标之前应用填充。

因为它刚刚接触文本字段的边框。

我将其编程如下:

override func viewWillAppear(animated: Bool) {

    // Email Icon on left of email Text Field
    let imageView1 = UIImageView()
    let image1 = UIImage(named: "Message.png")
    imageView1.image = image1
    imageView1.frame = CGRectMake(100, 0, 10, 10)
    emailTextField.leftView = imageView1
    emailTextField.leftViewMode = UITextFieldViewMode.Always

    // Password Icon on left of pass Text Field
    let imageView2 = UIImageView()
    let image2 = UIImage(named: "Lock.png")
    imageView2.image = image2
    imageView2.frame = CGRectMake(100, 0, 10, 10)
    passwordTextField.leftView = imageView2
    passwordTextField.leftViewMode = UITextFieldViewMode.Always

}
Run Code Online (Sandbox Code Playgroud)

但边框和图标之间的空间非常小。

有什么办法可以在它们之间做填充吗?

如果有什么办法请告诉我。

padding textfield ios swift swift2

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

Clang 中的结构填充警告

我创建了以下结构:

typedef struct  s_fct_printf
{
  char          flag;
  void          (*fct)(void*);
}               t_fct_printf;

static const t_fct_printf       flags[] =
{
  { 's', my_putstr_printf },
  //[...]
  { 'b', display_base_2 },
};
Run Code Online (Sandbox Code Playgroud)

但是当我使用 clang option 编译时-Weverything,出现以下警告:

typedef struct  s_fct_printf
{
  char          flag;
  void          (*fct)(void*);
}               t_fct_printf;

static const t_fct_printf       flags[] =
{
  { 's', my_putstr_printf },
  //[...]
  { 'b', display_base_2 },
};
Run Code Online (Sandbox Code Playgroud)

我找到了以下解决方案:

typedef struct  s_fct_printf
{
  char          flag;
  void          (*fct)(void*);
  char          pad[7];
}               t_fct_printf;
Run Code Online (Sandbox Code Playgroud)

但这并不能解决问题:

warning: padding struct 'struct s_fct_printf' with 7 …
Run Code Online (Sandbox Code Playgroud)

c padding

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

如何在 Ant Design 菜单中删除填充?

我不知道如何使菜单中的文本左对齐(需要这样做以与其他文本对齐)。在下图中,我希望“一”、“二”和“三”一直在左边。

在此处输入图片说明

我尝试在我能想到的任何地方将填充和边距设置为 0,但无济于事:

import React, { Component } from "react";
import { Menu, Icon } from 'antd';
const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;

class CategoryNav extends React.Component<Props> {
  handleClick = (e: Event) => {
    console.log('click ', e);
  }
  render() {
    return (
      <Menu
        onClick={this.handleClick}
        style={{ width: 256, height: "100%", paddingLeft: 0, marginLeft: 0 }}
        defaultSelectedKeys={['1']}
        defaultOpenKeys={['sub1']}
        mode="inline"
      >
        <SubMenu style={{ paddingLeft: 0, marginLeft: 0 }} key="sub1" title={<span>One</span>}>
          <Menu.Item style={{ paddingLeft: 0, marginLeft: 0 }} key="1">Option 1</Menu.Item>
          <Menu.Item key="2">Option …
Run Code Online (Sandbox Code Playgroud)

css padding reactjs antd

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

用零填充十六进制字符串以达到 6 个字符的长度

我有这个:

function dec2hex(IN)
  local OUT
  OUT = string.format("%x",IN)
  return OUT
end
Run Code Online (Sandbox Code Playgroud)

并且需要IN将零填充到字符串长度 6。

我无法使用String.UtilsPadLeft。它位于一个名为 Watchmaker 的应用程序中,该应用程序使用 Lua 的精简版本。

string formatting lua padding

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

填充 groupby 对象的序列,Pandas

这是我的数据框示例,

d = {'id':['aa','aa','aa','aa','dd','dd','dd','ee','ee','ee','ee','ee'],
     'B': [3,2.9,4,2.3,3.1,2.2,2.9,4,2.3,3.3,2.9,3],
    'C':[1.9,2.2,2.9,0.2,1,2.1,1.3,3,3.1,2.2,2.9,0.2]}
df = pd.DataFrame(data=d)
df['tp'] = pd.to_timedelta(df.groupby('id').cumcount() * 30, unit='S')
df.set_index('tp', inplace=True)
Run Code Online (Sandbox Code Playgroud)

我正在尝试填充(后填充)上述数据框,以便每个唯一的 id 将具有相同的形状。

我就是这样开始的

g = df.groupby('id')
for id, id_unique in g:
    print(id_unique)
Run Code Online (Sandbox Code Playgroud)

我希望每个id_unique都具有相同的形状。即(4,3)。因此,所有唯一 ID 的计数都相同。

如果它是一个系列,我可以填充序列;

pad_sequences(data, padding='post', maxlen=max_seq)
Run Code Online (Sandbox Code Playgroud)

但是我不知道如何填充数据框。

喜欢...

           A    B    C  id  
tp                                                     
00:00:00  1.0  3.0  1.9  aa      
00:00:30  1.0  2.9  2.2  aa      
00:01:00  2.1  4.0  2.9  aa     
00:01:30  1.3  2.3  0.2  aa      
00:02:00  0.0  0.0  0.0  aa  

            A    B    C  id     
tp                                                     
00:00:00  1.1  3.1 …
Run Code Online (Sandbox Code Playgroud)

python padding pandas

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

如何在一行中设置 FXML“填充”属性

我想以与 C# XAML 文件中相同的方式定义按钮的填充。而不是写这样的东西:

<Button fx:id="btn1" ...>
    <padding>
        <Insets top="0" right="5" bottom="10" left="5" />
    </padding>
</Button>

<Button fx:id="btn2" ...>
    <padding>
        <Insets topRightBottomLeft="5" />
    </padding>
</Button>
Run Code Online (Sandbox Code Playgroud)

,这样写会更容易:

<Button fx:id="btn1" ... padding="0 5 10 5" />
<Button fx:id="btn2" ... padding="5" />
Run Code Online (Sandbox Code Playgroud)

我不知道为什么“填充”属性有这个限制。我在FXML 文档中看到,可以通过为给定类型实现valueOf()方法来完成类型强制

public static Insets valueOf(String info) {
    // Data retrieval
}
Run Code Online (Sandbox Code Playgroud)

但我不知道把它放在哪里,因为Insets类被锁定(JDK)。因为这是一个静态方法,我认为该方法可以在其他地方实现,但是启动应用程序总是给我一个强制错误:

Caused by: java.lang.IllegalArgumentException: Unable to coerce 0 5 10 5 to class javafx.geometry.Insets.
Run Code Online (Sandbox Code Playgroud)

目前,我找到的唯一解决方案是:

  • 定义一个名为GButton的新 FXML 组件,该组件继承Button …

java javafx padding coercion type-coercion

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

填充 torch 张量(或 numpy 数组)列表

假设我有一个列表如下:

l = [torch.randn(2,3), torch.randn(2,4),torch.randn(2,5)]
Run Code Online (Sandbox Code Playgroud)

我想在第二个维度中对所有元素进行零填充,这样它们将扩展到 5 个元素(5 是第二个维度中三个元素之间的最大数量)。我怎样才能做到这一点。我尝试过这个但失败了:

from torch.nn.utils.rnn import pad_sequence
pad_sequence(l, batch_first=True, padding_value=0)
Run Code Online (Sandbox Code Playgroud)

这导致了以下错误:

RuntimeError: The expanded size of the tensor (3) must match the existing size (4) at non-singleton dimension 1.  Target sizes: [2, 3].  Tensor sizes: [2, 4]
Run Code Online (Sandbox Code Playgroud)

Numpy 中的等效答案也将受到赞赏。

python numpy padding python-3.x pytorch

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

为什么 SwiftUI Image 为封闭 VStack 添加额外的填充?

我正在努力解决一个非常简单的问题。如果我将 Text 放入 VStack,则顶部没有填充。如果我现在放一个图像,我有一个填充。请参阅以下屏幕截图:

在此处输入图片说明

对应的代码是:

struct NewView: View {
    var body: some View {

        VStack(alignment: .leading) {

            Text("Some title")
                .font(.headline)

            VStack {
                Text("Some text")
                    .font(.headline)
                    .padding(.leading)
                    .frame(maxWidth: .infinity)
                    .background(Color.yellow)
            }
            .padding()
            .background(Color(white: 0.90))
            .cornerRadius(10)


            Divider()
                .padding(.vertical)

            Text("Some title")
                .font(.headline)

            VStack {
                Image(systemName: "1.circle.fill")
                    .resizable()
                    .fixedSize()
                    .frame(maxWidth: .infinity)
                    .background(Color.yellow)

            }
            .padding()
            .background(Color(white: 0.90))
            .cornerRadius(10)

        }
    }
}
Run Code Online (Sandbox Code Playgroud)

答案可能非常简单。我错过了什么?预先感谢您的帮助。

padding swiftui

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