Question

我正在尝试在btn和txtbox之间添加一个新行，但没有任何效果。我试过了，
和\ n

显示为：

我的代码：

<td>
<div>
<a class="btn btn-default pull-left" style="color: inherit" id="btn">my button</a>
</div>
<div>
 <input id="mytxt" >
</div>
</td>

Answer 1

这是HTML，最好的办法是添加一些CSS来增加第一个div底部或第二个{1}顶部的边距/填充。或者，您可以在其间添加空div并将样式应用于此。

Answer 2

只需在头部添加css填充样式：

<head>
<title>Page Title</title>
<style>
#btn-div {
padding-bottom: 20px;
}
</style>
</head>
<body>

<td>
<div id="btn-div">
<a class="btn btn-default pull-left" style="color: inherit" id="btn">my 
button</a>
</div>
<div>
<input id="mytxt" >
</div>
</td>
</body>

Answer 3

您可以尝试在代码之间插入。
```
 <p>&nbsp;</p> 
```
此外，您可以尝试
```
<br />
```

我最喜欢的，制作一个CSS文件

<html>
<head>
    <style>
        .gap-10 {
            width:100%;
            height:10px;
        }
        .gap-20 {
            width:100%;
            height:20px;
        }
        .gap-30 {
            width:100%;
            height:30px;
        }
    </style>
</head>
<body>

    <!-- this div will give a gap of 10px -->
    <div class="gap-10"></div>

    <!-- this div will give a gap of 20px -->
    <div class="gap-20"></div>

    <!-- this div will give a gap of 30px -->
    <div class="gap-30"></div>

</body>

我希望它有所帮助

在表数据html中添加换行符

3 个答案: