javascript - 显示多行内联元素

Question

我正在使用下划线模板和主干。对整个网络来说相​​当新。我正在这样显示我的数据：

<% _.each(sources, function (source) { %>
                <div class="inline">
                    <%= source.name %>

                    <label class="dropdown inline">Library:
                        <select id="libraryPrepName" class="inline">
                            <% _.each(libraries, function (library) { %>
                            <option value="<%=library.id%>"><%= library.name %></option>
                            <% }); %>
                        </select>
                    </label>               
                <% }); %>
                // clearfix? <p> tags?
                </div>

我不知道如何让每一行都在自己的行上。我尝试使用引导程序的 clearfix 类或<p>标签来尝试换行，但不知道最好的方法。提前致谢。

Answer 1

这可能对您有用：

<% _.each(sources, function (source) { %>
    <div>
        <span>
            <%= source.name %>

            <label class="dropdown">Library:</label> 
            <select id="libraryPrepName">
                <% _.each(libraries, function (library) { %>
                    <option value="<%=library.id%>"><%= library.name %></option>
                <% }); %>
            </select>    
        </span>                 
    </div>                  
<% }); %>

虽然我不确定你想准确定位在哪里<%= source.name %>......