根据该文本Lenght对齐TD中的文本和按钮

Question

我得到了一个表格，我在其中迭代了一些数据库记录，基本上我得到了一个TD，其中我放了一个文本（对应每个记录状态），一个按钮打开该记录的详细信息：

{% for item in records %}
    <tr>
        <td>
            {{ item.status }}
            <button type="button" class="btn btn-default btn-flat btn-xs btn_request_detail" data-toggle="tooltip" data-original-title="Ver detalle" code = "" data-url="{% url 'unbinding:management_detail' item.id %}" >
                <i class="fa fa-info-circle fa-md text-light-blue"></i>
            </button>
        </td>
    </tr>
{% endfor %}

当每个记录具有相同的状态文本时，整列会完美对齐，但是如果这些状态文本中的任何一个在lenght中更改，则按钮向右移动，我丢失了对齐。

有什么方法是根据文本lenght ??

垂直垂直的按钮。

预先感谢！

Answer 1

您是否尝试将" CTA"（按钮）移至新列？

我认为你应该这样做。

请尝试以下操作：

{% for item in records %}
    <tr>
        <td>
            {{ item.status }}
        </td>
        <td>
            <button type="button" class="btn btn-default btn-flat btn-xs btn_request_detail" data-toggle="tooltip" data-original-title="Ver detalle" code = "" data-url="{% url 'unbinding:management_detail' item.id %}" >
                <i class="fa fa-info-circle fa-md text-light-blue"></i>
            </button>
        </td>
    </tr>
{% endfor %}

ps。不要忘记更多或在您的桌子头上添加。