Question

我想让Submit按钮的长度与它上面的输入字段相同。

$pdf->SetFont(Arial,B,12);  // Bold (font size as defined for label type).
$addresstext = sprintf("%s %s %s\n%s\n%s\n%s\n%s\n%s\n%s\n", "$title", "$initials", "$surname", "$address1", "$address2", "$town", "$county", "$postcode", "$country");
$pdf->Add_Label($addresstext);
// Add secondary text in normal smaller font.
$LabelX = $pdf->LabelX();
$LabelY = $pdf->LabelY();
$pdf->SetXY($LabelX,$LabelY);
$pdf->SetFont(Arial,'',9);
$secondtext = sprintf("\n\n\n\n\n\n\n%s  %s  %s", "$reminder", "$memberno", "$postalarea");
$pdf->MultiCell(95,7, $secondtext,0,'R');  // Prints bottom right of label.

Answer 1

如果您输入字段的列限制为某个宽度（与Bootstrap列的工作方式相同），您也可以将.btn放在列中。

之后，您可以使用以下CSS使宽度等于输入字段：

.col.s12 > .btn {
   width: 100%;
}

当然，如果button作为元素不会弯曲到此CSS规则，则可以改为使用<a class="btn">。

Answer 2

使用具有col s12类的div环绕按钮，并将btn-block添加到按钮：

<div class="row">
    <div class="col s12">
        <button class="btn btn-block waves-effect waves-light" type="submit" name="action">Search
            <i class="material-icons">search</i>
        </button>
    </div>
</div>

并添加以下CSS：

.btn-block {
    width: 100%;
}

如何使一个物化CSS按钮的宽度与col s12相同？

2 个答案: