Zend-Framework2，表单布局已损坏

Question

我正在按照Getting Started with Zend Framework 2学习Zend，但是我在表单布局方面遇到了麻烦，它已经坏了：

如何解决此问题，使其看起来像本教程中的表格：

AlbumForm代码：

 public function __construct($name = null)
 {
     // we want to ignore the name passed
     parent::__construct('album');

     $this->add(array(
         'name' => 'id',
         'type' => 'Hidden',
     ));
     $this->add(array(
         'name' => 'title',
         'type' => 'Text',
         'options' => array(
             'label' => 'Title',
         ),
     ));
     $this->add(array(
         'name' => 'artist',
         'type' => 'Text',
         'options' => array(
             'label' => 'Artist',
         ),
     ));
     $this->add(array(
         'name' => 'submit',
         'type' => 'Submit',
         'attributes' => array(
             'value' => 'Go',
             'id' => 'submitbutton',
         ),
     ));
 }

和视图代码：

<?php
// module/Album/view/album/album/add.phtml:

$title = 'Add new album';
$this->headTitle($title);
?>
<h1><?php echo $this->escapeHtml($title); ?></h1>
<?php
$form->setAttribute('action', $this->url('album', array('action' => 'add')));
$form->prepare();

echo $this->form()->openTag($form);
echo $this->formHidden($form->get('id'));
echo $this->formRow($form->get('title'));
echo $this->formRow($form->get('artist'));
echo $this->formSubmit($form->get('submit'));
echo $this->form()->closeTag();

Answer 1

Zend Framework可以更改元素的样式。 添加“ clear：both;”； 我认为风格会解决问题吗？

Answer 2

    <div class="form_element">
    <?php
        $artist = $form->get('artist');
        echo $this->formRow($artist);
    ?></div>
    <div style="clear:left;"></div>

    <div class="form_element">
    <?php
        $title = $form->get('title');
        echo $this->formRow($title);
    ?></div>

Answer 3

echo '<div style="clear:both;">&nbsp;</div>';
echo $this->formRow($form->get('title'));
echo '<div style="clear:both;">&nbsp;</div>';
echo $this->formRow($form->get('artist'));
echo '<div style="clear:both;">&nbsp;</div>';
echo $this->formSubmit($form->get('submit'));
echo '<div style="clear:both;">&nbsp;</div>';

Answer 4

最简单，最快的方法是添加此CSS。

form label
{
  display: block;
}

请注意，它将与本教程略有不同。