显示多行内联元素

时间:2013-04-17 05:57:24

标签: javascript html css underscore.js

我正在使用下划线模板和骨干网。整体上对网络来说很新鲜。我正在显示我的数据:

<% _.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>

我不知道如何让每一行都在他们自己的行上。我尝试使用bootstrap的clearfix类或<p>标记来尝试换行,但不知道最好的方法。提前谢谢。

1 个答案:

答案 0 :(得分:0)

这可能对您有用:

<% _.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 %> ......