Question

我正在尝试将此索引文件转换为两列，其中左侧是值名称（即“是您希望在世界中看到的更改”），右侧是它们各自的类别，编辑路径，并删除路径。

理想情况下，我希望值属性不会根据值名称的长度进行移位，而是固定。它也应该固定在名称的第一行（如果名称很长，名称会在完成之前换行）。

我希望我没有让它听起来太复杂。我认为应该很简单，我很难找到答案。感谢您提供的任何帮助！

<!-- Default bootstrap panel contents -->
<div id="values" class="panel panel-default">
  
  <div class="panel-heading">Values</div>
  
  <div class="panel-body">
    <p>Subjective, Non-Measureable, Inspirational and/or Helpful</p>
  </div>

  <!-- Table -->
  <table class="table">
    <% @values.each do |value| %>
      <% if value.user == current_user %>

        <td><%= value.name %></td>
             
        <td>
          <b><%= value.categories %></b>
          <%= link_to edit_value_path(value) do %>
            <span class="glyphicon glyphicon-edit"></span>
          <% end %>
          <%= link_to value, method: :delete, data: { confirm: 'Are you sure?' } do %>
            <span class="glyphicon glyphicon-trash"></span>
          <% end %>
        </td>

      <% end %>
  <% end %>
 </table>
</div>

Answer 1

您需要<tr>＆＃39;（表格行）

<table class="table">
    <% @values.each do |value| %>
      <% if value.user == current_user %>
      <tr>
        <td><%= value.name %></td>

        <td>
          <b><%= value.categories %></b>
          <%= link_to edit_value_path(value) do %>
            <span class="glyphicon glyphicon-edit"></span>
          <% end %>
          <%= link_to value, method: :delete, data: { confirm: 'Are you sure?' } do %>
            <span class="glyphicon glyphicon-trash"></span>
          <% end %>
        </td>
      </tr>
      <% end %>
  <% end %>
 </table>

阅读更多关于html table http://www.w3schools.com/html/html_tables.asp的信息（我通常不会参考w3schools，但只是为了得到它的要点）

表格中还有一些元素，但它们并不常用作tr和td

以下是如何控制td宽度以确保其不会换行的示例

http://codepen.io/Vall3y/pen/gbwKmX

删除规则

.category {
  width: 100px
}

该线将破裂

表中的换行符只有在有空间限制的情况下才会发生，如果我没记错，那么你需要弄清楚情况

2列。如何使权利更低？

1 个答案: