0

上のリンクのように検索ボックスを中央に配置しようとしていますが、追加する :align=> "center" は明らかに間違っています...これが私が持っているものです...

<h2 align="center"><%= link_to "List by Topic", topics_path %></h2>
<h2 align="center"><%= link_to "List by Organisation", hospitals_path %></h2>
<h2 align="center"><%= link_to "List by Country", countries_path %></h2>
<h2 align="center"><%= link_to "List by Specialty", specialties_path %></h2>

<%= form_tag guidelines_path, :class => 'navbar-search',:onSubmit=>"clearText(this)",:method => :get do %>
   <%= text_field_tag :search, params[:search], :class => 'search-query input-medium', :placeholder=>"Search", :ONFOCUS=>"clearDefault(this)" %>
<% end %>
4

1 に答える 1

0

属性は HTML 標準から非推奨になっているため、属性を使用することはお勧めしませ"align"ん。代わりに、CSS を使用してテキストを配置することを検討してください。

そうは言ってもtext-align: center;、親要素にプロパティを配置する場合、全幅ではないすべての子を整列し、整列を受け入れる必要があります。

編集

これは、「一致」するために使用したCSSです(結果が表示されないため、取得したものと一致したと仮定します)。

h2 {
    text-align: center;
}

.search-wrapper {
    text-align: center;
}

form.navbar-search {
    float: none;
}

ここでフィドルを確認できます: http://jsfiddle.net/Cx2rV/

于 2013-04-29T23:53:51.797 に答える