删除表单标签和输入cakephp之间的换行符

Question

cakephp中的表单助手通常会生成这样的表单元素:

<div class="input text">
  <label for="Firstname">Firstname</label>
  <input type="text" id="Firstname" value="" class="test" name="Firstname"/>
</div>

但是有可能删除之间<label>和之间的换行符,<input>如下所示:

<div class="input text">
  <label for="Firstname">Firstname</label>    <input type="text" id="Firstname" value="" class="test" name="Firstname"/>
</div>

有什么好主意吗？

谢谢

Answer 1

"换行符"不在HTML中,而是在默认的CakePHP CSS中.为了解决这个问题,我在我烘焙的CakePHP应用程序中添加了以下CSS规则:

label {
    display: inline;
    width: 20%;
    float: left;
}
input, textarea {
    width: 76%;
    clear: none;
}
form div.submit {
    clear: none;
    display: inline;
}

这基本上是标注和输入的内联,并适当地设置它们的宽度(您可能希望根据长度更改应用程序的数字.)

让我知道这个是否奏效.您可以将这些行添加到APP/webroot/css/cake.generic.css的底部,或者根据需要添加新的CSS文件.