ruby-on-rails – 使文本输入字段及其标签正确排列

发布时间：2020-12-17 04:23:32 所属栏目：百科来源：网络整理

导读：这是一个相当标准的Rails表单的摘录： p %= f.label :from_station % %= f.text_field :from_station % /p p %= f.label :to_station % %= f.text_field :to_station % /p 默认情况下,这样呈现如下： alt text http://img412.imageshack.us/img412/127/pictu

这是一个相当标准的Rails表单的摘录：

<p>
    <%= f.label :from_station %> <%= f.text_field :from_station %>
  </p>
  <p>
    <%= f.label :to_station %> <%= f.text_field :to_station %>
  </p>

默认情况下,这样呈现如下：

alt text http://img412.imageshack.us/img412/127/picture6u.png

这看起来不太好,因为文本字段不对齐.使表单更像这样的最简单方法是什么：

alt text http://img193.imageshack.us/img193/746/picture7shk.png

我已尝试在< label> s上设置宽度样式属性,但此属性似乎没有做任何事情.

解决方法

我认为这更像是一个CSS问题;

默认情况下,标签不是块级元素,因此不接受宽度.尝试设置此CSS：

label{
  width: 4em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block
}

希望有所帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!