调整题目多行显示体验

app/views/exercise/_exercise_student.html.erb

@@ -200,7 +200,11 @@
                     }
                 </script>
                 <input name="exercise_choice_<%= exercise_question.id %>" class="magic-radio fl mt5 magic-checkbox_show" id="exercise_<%= exercise_choice.id %>_exercise_choice_id" onclick="click_<%= exercise_choice.id %>(this);return false;" type="radio" <%= !@can_edit_excercise ? "disabled" : "" %> <%= answer_be_selected?(exercise_choice, User.current) ? "checked" : "" %>>
-                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id"><%= convert_to_char((index + 1).to_s) %>&nbsp;&nbsp;<%= exercise_choice.choice_text %></label>
+                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
+                  <div class="fl">
+                    <%= convert_to_char((index + 1).to_s) %>
+                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                </label>
               </li>
           <% end %>
           </div>
@@ -243,7 +247,11 @@
                     }
                 </script>
                 <input name="exercise_choice_<%= exercise_question.id %>" class="magic-checkbox fl mt5 magic-checkbox_show" id="exercise_<%= exercise_choice.id %>_exercise_choice_id" onclick="click_<%= exercise_choice.id %>(this);return false;" type="checkbox" <%= !@can_edit_excercise ? "disabled" : "" %> <%= answer_be_selected?(exercise_choice, User.current) ? "checked" : "" %>>
-                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id"><%= convert_to_char((index + 1).to_s) %>&nbsp;&nbsp;<%= exercise_choice.choice_text %></label>
+                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
+                  <div class="fl">
+                    <%= convert_to_char((index + 1).to_s) %>
+                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                </label>
               </li>
             <% end %>
           </div>

app/views/exercise/_exercise_student_result.html.erb

@@ -153,7 +153,11 @@
                        id="exercise_<%= exercise_choice.id %>_exercise_choice_id" type="radio" disabled
                        <%= answer_be_selected?(exercise_choice, user) ? "checked" : "" %>>
 
-                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id"><%= convert_to_char((index + 1).to_s) %>&nbsp;&nbsp;<%= exercise_choice.choice_text %></label>
+                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
+                  <div class="fl">
+                    <%= convert_to_char((index + 1).to_s) %>
+                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                </label>
               </li>
             <% end %>
           </div>
@@ -168,7 +172,11 @@
             <% exercise_choices.each_with_index do |exercise_choice, index| %>
               <li class="clearfix">
                 <input name="exercise_choice_<%= exercise_question.id %>" class="magic-checkbox fl mt5 magic-checkbox_show" id="exercise_<%= exercise_choice.id %>_exercise_choice_id" type="checkbox" disabled <%= answer_be_selected?(exercise_choice, user) ? "checked" : "" %>>
-                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id"><%= convert_to_char((index + 1).to_s) %>&nbsp;&nbsp;<%= exercise_choice.choice_text %></label>
+                <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
+                  <div class="fl">
+                    <%= convert_to_char((index + 1).to_s) %>
+                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                </label>
               </li>
             <% end %>
           </div>

app/views/exercise/student_exercise_list.html.erb

@@ -268,7 +268,11 @@
                   <% exercise_choices.each_with_index do |exercise_choice, index| %>
                     <div class="clearfix">
                       <input name="exercise_choice_<%= exercise_question.id %>" class="magic-radio fl mt5 magic-checkbox_show" id="exercise_<%= exercise_choice.id %>_exercise_choice_id" type="radio">
-                      <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id"><%= convert_to_char((index + 1).to_s) %>&nbsp;&nbsp;<%= exercise_choice.choice_text %></label>
+                      <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
+                        <div class="fl">
+                          <%= convert_to_char((index + 1).to_s) %>
+                        </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                      </label>
                     </div>
                   <% end %>
                 </div>
@@ -281,7 +285,11 @@
                   <% exercise_choices.each_with_index do |exercise_choice, index| %>
                     <div class="clearfix">
                       <input name="exercise_choice_<%= exercise_question.id %>" class="magic-checkbox fl mt5 magic-checkbox_show" id="exercise_<%= exercise_choice.id %>_exercise_choice_id" type="checkbox">
-                      <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id"><%= convert_to_char((index + 1).to_s) %>&nbsp;&nbsp;<%= exercise_choice.choice_text %></label>
+                      <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
+                        <div class="fl">
+                          <%= convert_to_char((index + 1).to_s) %>
+                        </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                      </label>
                     </div>
                   <% end %>
                 </div>