Question

我想在其内容之上和之下提供DIV空间。

如何使用CSS执行此操作？

我的DIV代码是：

<div class="input">
    <label for="pseudo">choisir un pseudo*:</label>
    <br>
    <input type="text" name="pseudo">
</div>

Answer 1

您使用CSS padding property。在您的情况下，您可能希望单独使用padding-top和padding-bottom。

语法如下：

padding: top right bottom left;

或

padding: vertical horizontal;

一些例子：

// This will set the top space to 1px, the right to 2px the bottom to 3px
// and the left to 4px
.input {
    padding: 1px 2px 3px 4px;
}

// This will set both the top and the bottom to 20px and the right and the
// left to 10px;
.input {
    padding: 20px 10px;
}

// This will set only the bottom space, leaving everything else
// to be automatically determined
.input {
    padding-bottom: 20px;
}

详细了解HTML Box Model

Answer 2

我不确定你的意思。外面或外面的空间？

假设你的意思是在外面：

.input {
   margin: 20px 0;
}

如果你的意思是在div中，则填充是要使用的。

Answer 3

我猜你在寻找填充物。

<div class="input" style="padding-top:10px;padding-bottom:10px">
  <label for="pseudo">choisir un pseudo*:</label>
  <br />
  <input type="text" name="pseudo">
</div>

希望它有所帮助，Viggo

Answer 4

如果你想在div行之间有额外的空间（超过默认值），那么你可以在div行开始之前/之后添加以下代码，具体取决于你想要额外空间的位置。

class ErfolgreicheChallenges: UIViewController, UITableViewDelegate, UITableViewDataSource {

    @IBOutlet var myTableView: UITableView!

    var data = [String]()

    override func viewDidLoad() {
        super.viewDidLoad()

        myTableView.delegate = self

        data.append("test")
        data.append("lol")

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 10
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        myTableView.dataSource = self

        let cell = myTableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)

        cell.textLabel!.text = data[indexPath.row]

        return cell
    }

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

    }

}

这更容易，但会增加一定的差距。如果您希望间隙更具体，那么您可以使用上述填充选项。

在DIV上方和下方留出空间

4 个答案: