Zurb foundation 具有基础框架的面板底部的空间我正在玩基础框架，我试着用它做一个简单的登录表单。这是我的标记 <form> <div class="row"> <div class="large-4 columns"> <div class="panel"> <div class="row"> <div> <label>Login: <input type="text" placeholder="Login"> </div> </div> <div class="row"> <div> <label>Senha <input type="password"> </div> </div> <div class="row"> <input type="submit" value="OK" class="tiny button right"> <a href="#" class="left">Esqueci minha senha</a> </div> </div> </div> </div> </form>_Zurb Foundation

Zurb foundation 具有基础框架的面板底部的空间我正在玩基础框架，我试着用它做一个简单的登录表单。这是我的标记 <form> <div class="row"> <div class="large-4 columns"> <div class="panel"> <div class="row"> <div> <label>Login: <input type="text" placeholder="Login"> </div> </div> <div class="row"> <div> <label>Senha <input type="password"> </div> </div> <div class="row"> <input type="submit" value="OK" class="tiny button right"> <a href="#" class="left">Esqueci minha senha</a> </div> </div> </div> </div> </form>

zurb-foundation

Zurb foundation 具有基础框架的面板底部的空间我正在玩基础框架，我试着用它做一个简单的登录表单。这是我的标记 <form> <div class="row"> <div class="large-4 columns"> <div class="panel"> <div class="row"> <div> <label>Login: <input type="text" placeholder="Login"> </div> </div> <div class="row"> <div> <label>Senha <input type="password"> </div> </div> <div class="row"> <input type="submit" value="OK" class="tiny button right"> <a href="#" class="left">Esqueci minha senha</a> </div> </div> </div> </div> </form>,zurb-foundation,Zurb Foundation,但在它的底部，有一些空间被创造出来。如何删除此空间？您所说的空间是由按钮底部边距创建的。要删除它，只需添加如下CSS类： .panel .button { margin-bottom: 0; } 工作示例：

但在它的底部，有一些空间被创造出来。

如何删除此空间？

您所说的空间是由按钮底部边距创建的。要删除它，只需添加如下CSS类：

.panel .button { margin-bottom: 0; }

工作示例：